springboot跳转页面后样式失效的解决办法

最新推荐文章于 2025-01-14 16:42:13 发布
最新推荐文章于 2025-01-14 16:42:13 发布
阅读量3.6k 收藏 3
点赞数 7
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42240485/article/details/95353147
博客讲述了页面跳转后样式丢失的问题。首次进入页面样式正常，但跳转后样式和logo消失。经检查发现是使用相对路径，服务器转发时路径改变所致，解决办法是使用绝对路径，在前面加~/，问题得以解决。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

当你第一次进入页面的时候，样式很完美，没得瑕疵

但是，当你跳转之后！！！！！！！！！

WTF？？？？？？？？？我的样式呢？？我的logo呢？

我看了看自己的样式引入代码

没得问题呀？？？怎么回事呢？？？

终于，我在别处找到了解决办法！！！！

原来，咱们写的是相对路径，当你服务器转发的时候，路径就变了

那怎么办？当然写绝对路径啦！！！！

在前面加个~/

现在没得问题啦~~~~

 

SpringBoot 页面跳转后css和js效果都无效了
z2431435的博客
04-04 1820
发现前端路径是"xxxx/xxxx.css",都改成"/xxxx/xxxx.css"或"~/xxxx/xxxx.css"就没问题了。 复习一下路径知识： / /代表根目录 ~/ ~/ 代表根目录，同~/ ./ ./ 当前目录 …/ ../表示文件所在目录的上级目录 1、加"/“代表 根目录下的绝对路径,是从站点的根目录开始找 2、不加”/"代表 当前目录下的相对路径,是从当前路径开始找 我之前没加/时从站点找，但站点没有支持，当然是没有格式的没有效果的。加了以后绝对路径从根目录找到资源并加载。
使用nginx解决springboot项目打成jar包部署到服务器后上传图片存放的问题（亲测有用）
weixin_47354101的博客
03-12 4862
使用nginx解决springboot项目打成jar包部署到服务器后上传图片存放的问题 前言： 第一次部署SpringBoot项目到服务器，不太懂该怎么办！试了很多办法，问了一个大佬，有了思路，最终解决啦！！ 先篇： 一开始一直在SpringBoot项目里面修改，其实照片问题解决啦！但是我的项目的其他样式却有点变化，我也不知道哪里起冲突！！ 下面这个参考资料是我一开始学习的学习的参考文章，可能适合你！！可以试试！！（只是我的项目不太适合哈哈） 参考文章：解决springboot项目打成jar包部署到lin
SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx
06-03
【SpringBoot页面跳转访问css、js等静态资源引用无效解决】 解释：SpringBoot项目默认访问根目录有三个分别是： /resources ：系统默认的根路径 /static ：所有静态资源文件如js、css、jpg、html等文件是可以直接访问的 /templates ：此目录下的文件是不可以直接访问的，需要经过控制器才可以跳转的
springboot跳转页面后CSS样式失效的解决办法
莫得感情的小猪头的博客
04-02 2140
第一次进入页面正常！ 然而通过再次跳转这个页面时就不能引用CSS样式！ 解决办法： 第一个 / 加上就可以了！
springBoot 2.2.6 项目中html页面样式效果丢失
Rosen's
05-07 1553
你我肯定都知道出现这个现象的原因是因为静态资源的请求被拦截了。springBoot 1.x和2.x关于静态资源过滤的配置有些差异，下面是基于2.2.6进行配置。 关于html中静态资源的引入 <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="../static/css/bootstrap.min...
解决SpringBoot项目通过Controller的return没法跳转页面的问题
smiling
12-20 1万+
Error resolving template [index], template might not exist or might not be accessible by any of the configured Template Resolvers 这个是我的报错。 我在SpringBoot项目中的Controller中通过return跳转页面的时候无法跳转，项目报上面的异常。首先我...
springboot
以梦为马 不负韶华
12-19 1286
第一节 Spring技术的3个大的发展历史阶段 spring1.x版本阶段 所有的依赖关系，都是使用xml进行描述——不管是IOC还是AOP的关系都是这样处理，都是历史背景决定的。 spring2.x版本阶段 伴随着JDK1.5而来，它支持注解，使得xml配置文件的体积大大减小了，配置文件的数量也大大减少了。争论了很久 ，最终统一了使用方式：一些系统的配置使用xml完成，一些业务逻辑配置使用...
前后端分离 权限系统[SpringBoot2+SpringSecurity+Vue+ElementPlus]
最新发布
2302_80480374的博客
01-14 1360
SpringSecurity有很多很多的拦截器在执行流程里面主要有两个核心的拦截器1.登录验证拦截器AuthenticationProcessingFilter2.资源管理拦截器AbstractSecurityInterceptor但拦截器里面的实现需要一些组件来实现所以就有了AuthenticationManager认证管理器、accessDecisionManager决策管理器等组件来支撑。
【新手 Spring Boot 报错】Controller 无法正常跳转到对应的 HTML 网页
weixin_53097171的博客
09-04 2827
记录学习
使用请求转发导致前端页面css样式消失解决办法
子兮丶的博客
12-14 2万+
使用请求转发导致前端页面css样式消失解决办法 java新手系列,如果文中有不对的地方,请大佬们指出,我会及时改正的 [ 鞠躬了！] 遇见的问题 1.前端出现问题的css引入路径 &lt;link href="../Style/StudentStyle.css" rel="stylesheet" type="text/css" /&gt; &lt;link href="../Script/jB...
SpringBoot 跳转页面css样式丢失
菜鸟的自我修养
03-11 3809
第一次进入页面样式没有丢失,但是在跳转一次之后发现样式丢失 解决方法:在调用样式的地方使用的是相对路径,所以跳转后相对路径变了,导致样式丢失.我们可以在饮用的时候使用绝对路径,这样样式就不会丢失了 ...
解决SpringMVC跳转后页面css等样式丢失
SEVENY_的博客
05-18 4221
添加<% String path = request.getContextPath();%> 并将要链接到的样式路径修改为 <link rel="stylesheet" href="<%=path%>/xxx/xxx/xxx.css"/>
springboot，页面跳转thymeleaf样式消失 。
qq_45164233的博客
05-01 885
一、样式无效演示 原因：引入的css路径有误 解决方案：去掉路径中的static 二、修改后演示 3、总结 重点：static中的资源是不受保护的，templates中的资源是受保护的。
SpringBoot跳转后页面css等样式丢失问题
PAN17610011759的博客
11-18 1901
在css的路径前加${pageContext.request.contextPath}，就可以了
SpringBoot页面跳转访问css、js等静态资源引用无效解决（六）
热门推荐
DJun的博客
11-06 5万+
目录 一、页面跳转 二、情况说明 三、 问题解决方案 1、 引入thymeleaf的依赖包 2、 项目路径 注意 （1） 页面引用外部静态资源的方式 （2） 核心解决方案 一、页面跳转 如果你还没有实现页面跳转，推荐阅读：SpringBoot跳转渲染页面（详解） 二、情况说明 SpringBoot整合thymeleaf实现的页面跳转，该页面引用外部css、js等静态资源。 ...
springboot中controller类的return无法实现页面跳转
iXinRu的博客
02-26 8978
1.springboot中没有之前的webapp放置html跟jsp这些页面，继而换成了static和templates这两个文件夹，最先将websocket 放在了static下面，结果return失败，只return了字符串。 最后将html放置templates下面就可以出来了，如果templates下面有子包路径中就要加上包名。 &lt;dependency&gt; ...
springboot 直接访问静态页面
csdn_liumh的博客
08-22 1万+
这几天在使用springboot的时候，大多处理都是经过controller跳转页面，那么是否可以直接访问静态页面？ 解决方案 把我们需要的页面放在static下，这样就能通过 *.html 访问了 原文章链接：https://blog.youkuaiyun.com/Fmuma/article/details/79596571...
springboot跳转页面
08-04
回答: 在SpringBoot中，要实现页面跳转有几种方式。首先，可以使用@Controller注解来标记控制器类，然后在方法中使用@RequestMapping注解来指定要跳转的页面路径。例如，可以在方法中返回一个字符串，表示要跳转的页面的名称，SpringBoot会自动根据配置的视图解析器来解析并返回对应的页面。[1]另外一种方式是使用重定向，可以在方法中返回"redirect:页面路径"来实现页面跳转。这种方式会发送一个重定向的请求，让浏览器重新请求指定的页面。最后，还可以使用模板引擎来实现动态页面的跳转。在SpringBoot中，默认情况下，静态页面应该放在static目录下，而动态页面应该放在templates目录下。可以使用Thymeleaf等模板引擎来渲染动态页面，并通过@Controller注解来控制页面跳转。[2][3]
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值