javascript - Node.js:子页面找不到公共(public)静态文件夹

Question

我正在用 Node.js 和 Express 编写一个网络应用程序。我的子页面(例如 /reflection/id)找不到我的 statics 文件夹。而不是寻找 /stylesheets、/javascripts 等(将被重定向到 /public/stylesheets 等)，它是在子页面内搜索，即 /reflection/stylesheets。

你可以去Heroku page (也在下面链接)并查看开发人员控制台，您会发现它正在搜索错误的路径。

我怀疑问题存在于我的 app.js ( link ) 中，可能在第 24 行附近:

app.use(express.static(path.join(__dirname, 'public')));

知道发生了什么事吗？我没有正确声明静态路径吗？任何见解都值得赞赏。

Git 上的项目:https://github.com/gredelston/every6

Heroku 部署，相关页面:http://every6.herokuapp.com/reflection/test

Answer 1

您需要使用绝对网址

<link rel="stylesheet" type="text/css" href="/stylesheets/main.css">

代替

<link rel="stylesheet" type="text/css" href="stylesheets/main.css">

否则浏览器会尝试加载相对于您正在查看的当前 URL 的样式表。