vue.js - 拒绝应用来自 '' 的样式，因为它的 MIME 类型 ('text/html' ) 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查

Question

我有一个 Vue.js 项目，当我检查控制台时发现以下问题:

Refused to apply style from 'http://localhost:8080/dist/cropper.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

---

我搜索了SO，找到了一个Angular related post ，但这对我没有帮助，它们基于不同的前端框架。

Answer 1

出现此错误消息的通常原因是，当浏览器尝试加载该资源时，服务器会返回一个 HTML 页面，例如，如果您的路由器捕捉到未知路径并显示没有 404 错误的默认页面。当然，这意味着路径不会返回预期的 CSS 文件/图像/图标/任何东西。

为确保您处于这种情况，请复制路径并尝试在新的浏览器窗口或选项卡中直接访问它。您将看到服务器发送的内容。

解决方案是找到正确的路径和路由器配置，以便在访问该路径时获得纯 CSS 文件/图像等。

确切的路径和路由器配置取决于您如何设置项目和您使用的框架。