我正在Heroku上运行一个Node.js服务器,使用的是express.js框架。
以下是我的服务器样例:
Chrome显示我的HTML页面与适当的CSS样式,但控制台显示以下信息:
当我将我的index.html标签更改为以下内容时,它可以正确加载:
以下是我的服务器样例:
var express = require('express');
var app = express();
app.use(express.static(__dirname + '/static'));
var port = process.env.PORT || 8000;
app.listen(port);
我的index.html文件有以下javascript链接:
<script src="/js/chartview.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="/js/bootstrap-select.js"></script>
我的目录系统长这样:
server.js
/static
-index.html
-/js
-bootstrap.js
-bootstrap-select.js
-chartview.js
-/css
-bootstrap.css
-bootstrap-select.css
-styles.css
Chrome显示我的HTML页面与适当的CSS样式,但控制台显示以下信息:
Failed to load resource: the server responded with a status of 404 (Not Found) https://websitename.herokuapp.com/js/chartview.js
Failed to load resource: the server responded with a status of 404 (Not Found) https://websitename.herokuapp.com/js/bootstrap.js
Failed to load resource: the server responded with a status of 404 (Not Found) https://websitename.herokuapp.com/js/bootstrap-select.js
当我将我的index.html标签更改为以下内容时,它可以正确加载:
<script src="chartview.js"></script>
<script src="bootstrap.js"></script>
<script src="bootstrap-select.js"></script>
我将我的目录系统更改为以下结构:
server.js
/static
-index.html
-bootstrap.js
-bootstrap-select.js
-chartview.js
-/css
-bootstrap.css
-bootstrap-select.css
-styles.css
这并不理想,因为我希望有一个/js文件夹。
非常感谢您提出的任何建议!
https://websitename.herokuapp.com/chartview.js
等链接中缺少/js
。 - generalhenry