使用springboot前端js的404的问题

最新推荐文章于 2022-03-01 20:19:47 发布

原创最新推荐文章于 2022-03-01 20:19:47 发布 · 3.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#java #springboot #前端 #jQuery #404

java 同时被 3 个专栏收录

37 篇文章

订阅专栏

springboot

19 篇文章

订阅专栏

前端

3 篇文章

订阅专栏

本文解决SpringBoot项目中前端资源404错误及jQuery未定义问题，通过配置WebMvcConfigurer实现静态资源正确加载。

使用springboot前端js的404的问题

在访问前端的时候总是出现404无法获取。
在这里插入图片描述
同时使用jQuery也会报错：ReferenceError: $ is not defined

前端获取js的写法

<script src="/static/jquery-3.4.1.min.js"></script>

原因

springboot需要配置一个静态文件访问的WebMVc。否则位于resources/static下的静态文件无法访问。

配置WebMvcConfigurer

创建MvcConfig 类，实现WebMvcConfigurer，并重写addResourceHandlers方法。使用registry对象添加/static/**路径的代理，并且到classpath:/static/下去寻找。

@Component
public class MvcConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }
}

配置之后获取到了文件。