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 20:26:14 浏览: 193
css样式无法加载Refused to apply style from ‘http://localhost:8080/static/css/style.css’ because its MIME
5星 · 资源好评率100%
这个错误提示意味着浏览器无法加载你的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项目,这个问题应该就会解决了。
阅读全文