快速发送带有错误MIME类型的资产

Question

使用Express服务Vue.js Webpack应用时，部署后出现以下错误： 这是我为该应用提供服务的代码吗？

app.use(helmet())

app.use(express.static(path.resolve(__dirname, '../client/dist/static')));

app.all('*', (req, res) => {
  res.sendFile(path.resolve(__dirname, '../client/dist', 'index.html'));
})

否则，不是express.static应该自动将内容类型分配给静态文件吗？

Answer 1

由于某种原因，现在必须指定安装路径：

app.use('/static', express.static(path.resolve(__dirname, '../client/dist/static')));

Answer 2

当404 Not Found的响应状态时，您也会收到此消息，因此请仔细检查文件是否确实存在于“网络”选项卡中。

网络标签：

控制台标签：

在这里看到类似的问题： https : //stackoverflow.com/a/48792698/258772

Answer 3

是的，这里同样存在问题。

我现在正在ecstatic （仍然与快递）。 我不确定这是否是解决方案（我不在导致错误发生的机器上）。

将尝试在“错误”计算机上删除它。

const express = require('express');
const ecstatic = require('ecstatic');
const http = require('http');

const app = express();

app.use(ecstatic({
  root: `${__dirname}/public`,
  showdir: false,
}));

http.createServer(app).listen(8080);

console.log('See if its cool on -> :8080');