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

问题描述

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


解决方案:

使用模板引擎 thymeleaf

导入坐标

<dependency>
 <groupId>org.springframework.boot</groupId>
 <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

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

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

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

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

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

在这里插入图片描述

注意:

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


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

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安赫'

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值