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 16:26:14 浏览: 37
这个错误提示意味着浏览器无法加载你的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项目提示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.
这个错误提示意味着浏览器无法加载你打包好的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文件。
vue前端项目报错Refused to apply style from 'http://localhost:8080/js/theme/default/layer.css?v=3.5.1' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.怎么解决
这个错误通常是由于服务器没有正确地设置 MIME 类型导致的。你可以尝试在服务器上添加以下 MIME 类型:
text/css .css
如果你无法修改服务器设置,可以尝试将资源从 http://localhost 改为相对路径,例如 /js/theme/default/layer.css?v=3.5.1。这可能会解决此问题。另外,你也可以尝试使用 CDN 来加载这些资源,这可以避免这些 MIME 类型问题。