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.怎么解决
时间: 2023-12-13 13:16:06 浏览: 76
这个错误通常是由于服务器没有正确地设置 MIME 类型导致的。你可以尝试在服务器上添加以下 MIME 类型:
text/css .css
如果你无法修改服务器设置,可以尝试将资源从 http://localhost 改为相对路径,例如 /js/theme/default/layer.css?v=3.5.1。这可能会解决此问题。另外,你也可以尝试使用 CDN 来加载这些资源,这可以避免这些 MIME 类型问题。
相关问题
Could not proxy request /captchaImage from localhost to http://localhost:8080/.
这个错误通常是由于代理服务器无法将请求转发到目标服务器而引起的。这可能是由于目标服务器未启动、端口号不正确或代理服务器配置不正确等原因引起的。要解决这个问题,你需要检查以下几个方面:
1. 确保目标服务器已经启动并且正在监听正确的端口号。
2. 检查代理服务器的配置是否正确,特别是目标服务器的地址和端口号是否正确。
3. 如果你使用的是Vue.js,你可以在vue.config.js文件中配置代理服务器的地址和端口号,例如:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8080',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
这个配置将会将所有以/api开头的请求转发到http://localhost:8080上。
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项目,这个问题应该就会解决了。