拒绝从''应用样式,因为它的MIME类型('text/html')不是受支持的样式表MIME类型,并且启用了严格的MIME检查

Question

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

拒绝从' http:// localhost:8080/dist/cropper.min.css ' 应用样式,因为其MIME类型('text/html')不是受支持的样式表MIME类型,并且启用了严格的MIME检查.

---

我搜索了一下,发现了一个Angular相关帖子,但它没有帮助我,它们基于不同的前端框架.

Answer 1

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

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

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

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

Answer 2

您提供的信息不足。但我有同样的问题，所以我有一个解决方案。

假设您在组件的样式块中 @import css 文件。所以我的问题出在我指定的路径上。Refused to apply style并且由于路径错误而出现错误消息。我以为我的 src 路径别名~已在样式块中解析，但事实并非如此。

我所要做的就是指定/src/assets/css...而不是~/assets/css...