SpringBoot页面跳转访问css、js等静态资源引用无效解决

问题描述

SpringBoot页面跳转访问css、js等静态资源引用无效解决


解决方案:

使用模板引擎 thymeleaf

导入坐标

<dependency>
 <groupId>org.springframework.bootgroupId>
 <artifactId>spring-boot-starter-thymeleafartifactId>
dependency>

首先我们的页面是放在templates包下,而静态资源则放在static包下

我们要使用thymeleaf,需要在html文件中导入命名空间的约束,方便提示。

我们可以去官方文档的#3中看一下命名空间拿来过来:

<html lang="en" xmlns:th="http://www.thymeleaf.org">

我们需要给页面链接加上th前缀

SpringBoot页面跳转访问css、js等静态资源引用无效解决_第1张图片

注意:

可能跳转的时候因为是转发而不是重定向,跳到index访问静态资源时走的是相对路径,即前面加了我@requestmapping(“/user/login”)下的路径——“/user/login/css/…”
所以资源路径使用绝对路径即可,以 “/” 打头即为绝对路径,这样的话路径就不会随着浏览器地址栏中的路径乱来了!!!


给那些看完的朋友,奖励一个 赤赤博客-后端+前端,觉得不错的话可以推荐给身边的朋友哟!
在这里插入图片描述

你可能感兴趣的:(SpringBoot,spring,boot,css,javascript)