首页 > 解决方案 > 当我将 Spring Boot 框架与 Thymeleaf 和上下文路径一起使用时,如何在 css 文件中导入 css?

问题描述

我用 spring 和 thymeleaf 构建了一个应用程序。我在我的 HTML 中导入 style.css。而且我必须从该文件中导入其他 CSS。这是我的 sytle.css 中的一行

@import url(../../js-plugins/bootstrap/dist/css/bootstrap.min.css);

当我不应用上下文路径时它可以工作。但是当我应用它时,假设我在 application.properties 中使用 /path 设置,它不起作用。

server.servlet.context-path=/path

我该如何解决这个问题?如何在 style.css 中添加上下文路径?

注意:我知道我可以通过更改导入 bootstrap.min.css 的方式来做到这一点。我可以在我的 HTML 中导入文件。

谢谢你

标签: cssspring-bootspring-mvcthymeleafcontextpath

解决方案


在此处输入图像描述

如果您看到这张图片,您应该添加您在 thymeleaf 中使用的 style.css 和 template.html 应该是类路径的一部分,即在 /resources/ 文件夹中

然后在 html (template.html) 中添加这段代码。

<link rel="stylesheet" type="text/css" href=@{classpath:templates/css/style.css} />

请看下图。

在此处输入图像描述

这将导入 css 类。


推荐阅读