SpringBoot 页面跳转后css和js效果都无效了

131 阅读 0 评论 87 点赞

我是靠谱客的博主甜蜜口红，这篇文章主要介绍SpringBoot 页面跳转后css和js效果都无效了，现在分享给大家，希望可以做个参考。

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

复习一下路径知识：

/

复制代码

1
2
/代表根目录

~/

复制代码

1
2
~/ 代表根目录，同~/

./

复制代码

1
2
3
./
当前目录

…/

复制代码

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

/**

复制代码

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

/*

复制代码

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

/?

复制代码

1
2
/? 仅可匹配一级路径且最多只有一个字符 如/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内容请搜索靠谱客的其他文章。

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