错误的服务器路径节点 js express

Question

我正在尝试部署我的节点 js express 应用程序。但它走错了路。

app.use("/", express.static(__dirname + "/public")) 在 server.js 中 我的风格路径是

样式目录是 /public/styles/brandAnimation.css

Answer 1

如果您在 HTML 页面中的链接是：

<link rel="stylesheet" href="/styles/brandAnimation.css">

而且，/public 是包含app.use("/", express.static(__dirname + "/public")) 的服务器文件所在的子文件夹，而brandAnimation.css 位于styles/brandAnimation.css 下的/public 文件夹中，那么这应该可以工作。

我还建议您将 express.static() 行更改为：

app.use(express.static(__dirname + "/public"));

基本上，您的样式表页面的 URL 需要以 / 开头，并且需要添加到您告诉​​ express.static() 要查看的任何目录中。

---

如果这对您不起作用，那么我们需要这些信息：

1. 您的 HTML 页面中的确切样式表链接
2. 包含app.use(express.static(...)) 语句的服务器文件的绝对文件夹位置。
3. 要提供的 CSS 文件的绝对文件夹位置和文件名。

---

要进行故障排除，请将其添加为 Express 服务器中的第一个中间件：

app.use((req, res, next) => {
    console.log(`Incoming request: ${req.path}`);
    next();
});

这将显示到达您的 Express 服务器的确切请求。如果此处没有显示 css 文件，则可能是您的 nginx 配置不正确。