java - MIME-TYPE 异常 Main.css Spring Boot

Question

我真的很困惑如何解决这个错误。针对不同情况有许多假定的解决方案，但似乎并不直接适用于我。希望当我找到这个问题的答案时，我能够理解这里到底发生了什么。请注意，我在这个元素中使用 Spring Boot

问题

我已经成功地将 Sass 实现到我的元素中，并且它似乎工作正常。我可以在 pom.xml 中指定源文件夹和目标文件夹。但是，每当我尝试在 HTML 文件中引用 CSS 文件时，我都会失败。我在 Chrome 开发工具中看到的错误是这样的:

拒绝应用“http://localhost:8080/css/main.css”中的样式，因为其 MIME 类型(“application/json”)不是受支持的样式表 MIME 类型，并且严格的 MIME 检查是已启用。

这是我搜索的结果:

• Stylesheet not loaded because of MIME-type Q #1我最初搜索了具体的错误并收到了这篇 StackOverflow 帖子。链接的答案指出，他认为问题与以注释开头的 CSS 库有关。我相信他认为由于一些评论，MIME 类型已经改变了。所以我尝试删除最终 css 文件中的所有注释。再次，没有运气。
• Stylesheet not loaded because of MIME-type Q #2同一篇文章的另一个较低答案指出，当您没有正确引用 CSS 文件时，可能会出现错误。我相信情况很可能如此，但我不完全理解我的 spring-boot 设置是如何处理静态文件的，或者是否由于缺乏配置而根本不这样做。
• Stylesheet not loaded because of MIME-type Q#3这个答案进一步证实了我的CSS文件路径是错误的，并且它正在返回“状态:404，带有一些 HTML 类型的未找到内容负载”。正因为如此，它为什么会返回 MIME 类型的异常也就说得通了。
• MIME type ('text/html') is not a supported stylesheet MIME type这个问题似乎是针对与 Spring-Boot 无关的东西，所以我得出的结论是它对我没有太大帮助。

在未能成功解决 MIME 类型异常之后，我意识到也许我并没有完全理解 Spring-Boot 环境中资源是如何公开的，因此我搜索了相关信息:

• CSS not loading in Spring Boot
• how add css and js to spring boot application?
• Where to put static files such as CSS in a spring-boot project?

这些问题的大多数答案都需要禁用@EnableWebMVC以允许Spring-Boot的自动配置。然而，我一直在关注的教程使用了 @EnableWebMVC，我不想尝试配置 WebSecurityConfigurer 的更复杂的方法，特别是因为我仍然不明白如何执行基本方法。

我的下一个理论是 Spring Boot Security 可能限制对 css 文件的访问。

• Spring security does not allow CSS or JS resources to be loaded我尝试过使用各种安全权限，但无法使其正常工作。

文件结构

File Structure

源代码

您可以在存储库中找到所有相关代码:https://github.com/CloakingOcean/CampaignChronicle

感谢大家花时间帮助我!我真的很想在 Spring 开发方面取得进步，在你们所有人的帮助下，我一定可以!

Answer 1

啊，我已经发现自己的错误了。我的元素依赖于 Thymeleaf

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

因此，它期待 Spring Boot 公共(public) Assets 的 thyme leaf 相关配置。

这篇文章:Thymeleaf + CSS+SpringBoot ，展示了如何使用 Thymeleaf 设置默认的 Thymeleaf 结构，以及如何链接 HTML 文档中的文件。然而，不幸的是，我确实需要禁用@EnableWebMVC。我必须发现我的元素中发生了哪些重大变化。

<link href="../static/css/Layout.css" th:href="@{/css/Layout.css}" rel="stylesheet" />