javascript - 无法加载资源 : the server responded with a status of 404 (Not Found) https://websitename. herokuapp.com/js/bootstrap.js

Question

我正在使用 express.js 框架在 heroku 上运行 node.js 服务器。

这是我的服务器的样子:

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 使用适当的 css 样式显示我的 html 页面，但控制台显示:

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 文件夹。

任何建议将不胜感激!

Answer 1

从控制台错误，https://websitename.herokuapp.com/js/chartview.js ，该文件未在静态文件夹中检查。

因此，更改您的 index.html 以包含这样的脚本。

<script src="js/chartview.js"></script>即删除 /从开始。因为路径是相对于 index.html 的。

对其他三个文件执行相同的过程。

此外，您提到 CSS 文件已正确加载。你能展示你究竟是如何包含这些 css 文件的吗？即 css 的路径。

如果这没有帮助，请在此处发表评论。