解决java spring-boot 找不到引入的css、js、img


一、引入方式:

1.引入本地资源尽可能的使用 th 标签(访问后端动态数据),案例:

<link rel="stylesheet" th:href="@{../static/css/bootstrap.min.css}" />
<script th:src="@{../static/js/jquery.min.js}"></script>

2.或者把资源放到 cnd 服务器上,通过 URL 的方式引用,案例:

<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
/>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script>

二、添加 spring-boot 扫描的文件夹

1.目录结构:
资源在统一放在了 static 文件夹下
html 网页文件 统一放在了 templates 文件夹下

image.png

2.在 WebMvcConfig 配置类中修改,如下:

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
@Configuration
public class MyConfig extends WebMvcConfigurerAdapter{

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
      	//主要添加下面这句
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    }
}

/static/**  的意思是将 static 下的所有文件夹及相关子文件夹 都添加进扫描路径,
那么修改之后重启项目就可以对 static 下的静态资源进行分类,而且访问的时候不会出现 404 了。

参考 bolg:https://blog.csdn.net/yu514950381/article/details/78015088


文章作者: 慕书
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 慕书 !
评论
  目录