我正在尝试在 Spring Boot 中使用 webjars，但我得到 ERR_ABORTED 404答案

【问题标题】：I am trying to use webjars in spring boot, but I get ERR_ABORTED 404我正在尝试在 Spring Boot 中使用 webjars，但我得到 ERR_ABORTED 404
【发布时间】：2019-10-04 00:55:40
【问题描述】：

我尝试在我的spring boot project 中使用Webjars 来使用jQuery。

但是，jQuery 不起作用，我按 F12 进行了检查。

GET http://localhost:8100/webjars/jquery/3.4.1/jquery.min.js net :: ERR_ABORTED 404

首先我将Webjars 添加到pom.xml。

<dependencies>
    <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>jquery</artifactId>
        <version>3.4.1</version>
    </dependency>
    <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>jquery-ui</artifactId>
        <version>1.12.1</version>
    </dependency>   
    <!-- <dependency>
        <groupId>org.webjars</groupId>
        <artifactId>webjars-locator</artifactId>
        <version>0.30</version>
    </dependency> -->
</dependencies>

在html header 部分我添加了：

<link rel="stylesheet" href="/webjars/jquery-ui/1.12.1/jquery-ui.min.css" />
<script type="text/javascript" src="/webjars/jquery-ui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="/webjars/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    //alert("Hello~!?");
});
</script>

从上面的pom.xml 代码可以看出，我尝试使用webjars-locator，但又遇到了同样的错误。

当我使用webjars-locator时，我删除了版本名称并使用它。

即使它在https://www.webjars.org/documentation#springboot 列出，问题是什么？

【问题讨论】：

我找到了这篇文章baeldung-maven-webjars

标签： jquery spring spring-boot webjars

【解决方案1】：

你需要告诉 spring 你的js lib 文件在哪里。

默认情况下，当你使用 webjars 时，所有的 lib 都被添加到 webjars 文件夹中

所以你需要添加这个

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry
          .addResourceHandler("/webjars/**")
          .addResourceLocations("/webjars/");
    }
}

或在 XML 中

<mvc:resources mapping="/webjars/**" location="/webjars/"/>

webjars-locator 将在类路径中找到库并使用它来自动解析任何 WebJars 资产的版本。这适用于 Spring ver >= 4.2

现在你可以像这样在 HTML 中使用它

<script src="/webjars/jquery/3.1.1/jquery.min.js"></script>

【讨论】：