node/express 锚链接不指向其他 HTML 静态页面

Question

我正在构建我的第一个 node.js/express.js 项目。这就是我的directory structure 的样子。

在我的index.html 和favorites.html 文件中，我包含了用于在两个页面之间导航的锚标记：

<header class="menu">
  <a href="index.html"><i class="fas fa-home"></i></a>
  <a href="favorites.html" class="favorite"><i class="fas fa-heart"></i></a>
</header>

当我通过节点 (localhost:3000) 运行服务器时，index.html 上的导航链接似乎不起作用，没有任何反应。但是，当我转到 localhost:3000/favorites.html 时，导航链接会起作用并将我重定向回 index.html 和 favorites.html 本身。

在 server.js 文件中，我添加了 express.static 中间件，以在 express 文档之后以及在此处阅读不同答案后为 public 文件夹中的所有静态文件提供服务。

const express = require('express');
const app = express();

app.use(express.static('public'));

谁能指出为什么 index.html 上的链接可能不起作用的正确方向？谢谢！

Answer 1

请使用如下路线：

const express = require('express');
const app = express();

app.use(express.static('public'));

app.get('/', function (request, response) {
    response.sendFile(__dirname + './public/index.html');
});

app.get("/favorites", function (request, response) {
    response.sendFile(__dirname + './public/favorites.html');
});

<header class="menu">
  <a href="/"><i class="fas fa-home"></i></a>
  <a href="/favorites" class="favorite"><i class="fas fa-heart"></i></a>
</header>