无法加载样式和执行脚本 Express JS

Question

我的 GET 请求试图在我的 routes.js 文件中加载一个 html 页面

  app.get('/api/testresult', (req, res) => {
    res.sendFile('/path/myfile.html');
  });

另外，在我的 server.js 中，我有以下内容

const express        = require('express');
const bodyParser     = require('body-parser');
const app            = express();
const path = require('path');

const port = 8000;

app.use('/', express.static(path.join(__dirname, './app/report')));
require('./app/routes')(app, {});
app.listen(port, () => {
  console.log('Server running on ' + port);
});

但是，当我尝试进行 GET 调用时，它会在浏览器控制台上引发错误

localhost/:1 Refused to apply style from
'http://localhost:8000/api/testresult/assets/app.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
localhost/:2 GET http://localhost:8000/api/testresult/assets/app.js 404 (Not Found)
localhost/:1 Refused to execute script from 'http://localhost:8000/api/testresult/assets/app.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

我的文件结构是

MyApp 
app 
 —report 
      —assets 
        —app.css
        —app.js
     —my file.html
 —routes
    —index.js
    —routes.js
node_modules
package.json
server.js

我在这里错过了什么？

Answer 1

因此，您的目录层次结构在 /assets/app.js 处显示 app.js，从您指向 express.static() 中间件的位置。因此，这就是您需要使用它来提供该文件的 URL，但您显然使用的是路径为 /api/testresult/assets/app.js 的 URL。那些根本不匹配。该 URL 将在：

app/report/api/testresult/assets/app.js

但是，这不是文件所在的位置（因此您会得到 404）。

您可以通过以下几种方式修复它：

1. 将客户端 URL 更改为 "/assets/app.js"。我猜你可能在你的客户端文件中指定了"assets/app.js"。由于这是一个相对 URL，因此浏览器会将其与您的网页路径结合起来，以构建您的服务器收到的对 /api/testresult/assets/app.js 的请求的 URL。
2. 更改 express.static 行以包含正确的路径前缀 app.use('/api/testresult', express.static(path.join(__dirname, './app/report')));