javascript – Node.js:子页面找不到公共静态文件夹

我正在Node.js和Express中编写一个webapp.我的子页面(例如/ 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

解决方法:

您需要使用绝对URL

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

代替

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。