打包出来的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项目的配置文件中设置：

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: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项目的配置文件中设置：

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: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 类型问题。