我是靠谱客的博主 甜蜜口红,最近开发中收集的这篇文章主要介绍SpringBoot 页面跳转后css和js效果都无效了,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

发现前端路径是"xxxx/xxxx.css",都改成"/xxxx/xxxx.css""~/xxxx/xxxx.css"就没问题了。

复习一下路径知识:

/

/代表根目录

~/

~/ 代表根目录,同~/

./

./
当前目录

…/

../表示文件所在目录的上级目录

/**

比如a/**会匹配/a/下的所有路径

/*

a/* 仅可匹配一级路径如a/b、a/c不能匹配a/b/c和更多级路径

/?

/? 仅可匹配一级路径且最多只有一个字符 如/a , /

1、加"/“代表 根目录下的绝对路径,是从站点的根目录开始找
2、不加”/"代表 当前目录下的相对路径,是从当前路径开始找

我之前没加/时从站点找,但站点没有支持,当然是没有格式的没有效果的。加了以后绝对路径从根目录找到资源并加载。
问题出在哪里呢,比如说http://localhost:8081/signup注册页面正常显示,但我没加/的话显示相对路径是按照我前端设置的action="user/signup"来跳转的,所以我跳转到了http://localhost:8081/user/signup,然而如果css资源不用/,会调用的应该是http://localhost:8081/user/signup下的css资源,当然调不出来,我们应该调用的是http://localhost:8081/signup下的css资源,所以应该加/变成绝对路径。

最后

以上就是甜蜜口红为你收集整理的SpringBoot 页面跳转后css和js效果都无效了的全部内容,希望文章能够帮你解决SpringBoot 页面跳转后css和js效果都无效了所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(50)

评论列表共有 0 条评论

立即
投稿
返回
顶部