Bootstrap 3样式不随Spring boot和WebJars加载

Question

我将以下依赖项添加到我的Spring Boot（使用版本2.1.15）项目中：

 <dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf</artifactId>
    <version>3.0.11.RELEASE</version>
</dependency>
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>bootstrap</artifactId>
    <version>3.3.7-1</version>
</dependency>
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.2.1</version>
</dependency>

在my Thymeleaf页面上，我包含了以下CSS文件和脚本：

<link rel="stylesheet" th:href="@{/webjars/bootstrap/3.3.7-1/css/bootstrap.min.css}">

<script th:src="@{/webjars/bootstrap/3.3.7-1/js/bootstrap.min.js}" type="text/javascript"></script>
<script th:src="@{/webjars/jquery/3.2.1/jquery.min.js}" type="text/javascript"></script>

要加载模板，我定义了以下控制器映射：

@RequestMapping(name = "/")
public String loadMainWeb() {
    return "index";
}

但是，当我运行应用程序时，引导程序样式不会加载。我通过向按钮添加btn和btn主类来测试这一点。为什么不加载这些样式？

可以在GitHub上找到完整的项目。

Answer 1

问题是控制器映射。您当前正在使用以下映射：

@RequestMapping(name = "/")
public String loadMainWeb() {
    return "index";
}

但是，您使用了名称属性而不是RequestMapping注释上的路径属性。通过省略path属性，您实际上告诉Spring您想要将此控制器映射应用于所有endpoint。

这意味着当您运行应用程序时，当您尝试加载WebJars文件时，您实际上正在加载index.html页面。

要解决此问题，应使用路径而不是名称：

@RequestMapping(path = "/") // Use 'path'
public String loadMainWeb() {
    return "index";
}