【问题标题】:css and image imports not working with spring boot in intellijcss 和图像导入不适用于 Intellij 中的 Spring Boot
【发布时间】:2019-03-23 10:37:30
【问题描述】:

我的 Spring Boot 项目的 CSS 和图像导入不起作用。我试图从很长时间内弄清楚它,但它根本不起作用,在我以前的一些 eclipse 项目中,我记得我没有问题,但最近我开始使用 intelliJ 社区版本,但我无法让它工作。

环境:

所以在上图中,我试图在我的 html 登录页面中导入 css 和图像,但出现以下错误:

拒绝应用样式来自 'http://localhost:63342/weather_api/templates/css/login-register-style.css' 因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并启用严格的 MIME 检查。 login.html:21

GET http://localhost:63342/images/face.png 404(未找到)

问题来自上图中红色标记的两个文件。

我尝试了什么:

我也尝试使用 Thymleaf 标签添加 css 文件,但它也不起作用。但是,当我将这些文件直接放在templates 文件夹中时,它们都可以正常工作。但我想重构我的代码,而不是将所有文件混合在一个文件夹中。

如果有人能帮我解决这个问题,我会很高兴。谢谢。

编辑

我在默认创建的资源文件夹中手动创建的工作区中的static 文件夹。同样的templates我是在项目生成后手动创建的,但是模板下的所有文件都被执行了。唯一存在的问题是static 文件夹下的内容

【问题讨论】:

  • 尝试删除“css”和“image”src 路径中的正斜杠。 (例如 - src="images/face.png"
  • 另外,如果您查看错误http://localhost:63342/weather_api/templates/css/login-register-style.css,它里面有一个templates 目录。检查为什么会发生这种情况。由于您有 URL 问题并且不知道应用程序如何处理 url,因此解决此问题的一种方法是在浏览器上检查文件是否可以使用不同的 URL 访问
  • 是的。我昨晚解决了。你的第一条评论是对的。正斜杠是问题所在。现在一切正常。谢谢
  • 哦,酷,我添加了这个作为答案:)

标签: html spring-boot


【解决方案1】:

删除“css”和“image”src 路径中的正斜杠。 (例如 - src="images/face.png")

【讨论】:

    猜你喜欢
    • 2018-10-07
    • 2021-12-16
    • 2020-04-23
    • 2022-01-15
    • 2019-04-11
    • 2017-12-22
    • 2020-08-15
    • 2021-01-17
    • 1970-01-01
    相关资源
    最近更新 更多