打包出来的vue项目提示Refused to apply style from 'http://localhost:5500/static/css/app.40323c5f.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
时间: 2023-12-13 13:26:14 浏览: 276
解决Vue打包上线之后部分CSS不生效的问题
这个错误提示意味着浏览器无法加载你打包好的Vue项目的CSS文件,因为它的MIME类型不是被支持的样式表类型,并且严格的MIME检查已经启用。
解决这个问题的方法是确保你的CSS文件的MIME类型是"text/css"。你可以在服务端设置这个MIME类型技术方法,或者在Vue项目的配置文件中设置:
```javascript
module.exports = {
// ...
devServer: {
headers: {
"Access-Control-Allow-Origin": "*",
"Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
"Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization",
},
disableHostCheck: true,
},
};
```
如果你使用的是Vue CLI 3,你可以在vue.config.js文件中添加这个配置。然后重新启动你的Vue项目,这个问题应该就会解决了。如果你已经打包好了Vue项目并且上传到了服务器,你需要确保CSS文件的MIME类型是"text/css",并且在HTML代码中正确引用CSS文件。
阅读全文