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等静态资源引用无效解决
SpringBoot页面跳转访问css.js等静态资源引用无效解决原文链接:https://blog.csdn.net/qq_41647999/article/details/83788265 目录 ...
关于解决SpringBoot中使用redirect重定向后，页面跳转后ulr地址后面出现jsessionid=xxxxxxx的问题
关于解决SpringBoot中使用redirect重定向后,页面跳转后ulr地址后面出现jsessionid=xxxx的问题参考链接:https://blog.csdn.net/zshake/art ...
vue跳转页面之后返回_vue页面跳转后返回原页面初始位置方法
vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原页面的时候在设置返回位置为记录下的 ...
java url地址不变_页面跳转后，浏览器地址栏地址保持不变
有两个方法,一个使用JS实现,一个是用iframe实现. 首先是JS实现,废话就不多说了,上代码 function createXMLHttpRequest(){ if(window.XMLHttpR ...
微信小程序页面跳转后不显示内容
说起来就很无语,睡觉前都已经确认从云储存获取到数据了,页面跳转也没有问题,只要在前端渲染就好了.结果一觉起来,页面跳转突然就空白了,编译器和控制台都没有报错.小程序的开发人员们,我的脚趾头都握紧了. ...
TP3.2.3 页面跳转后 Cookie 失效 —— 参考解决方案
TP3.2.3 页面跳转后 Cookie 失效 -- 参考解决方案参考文章: (1)TP3.2.3 页面跳转后 Cookie 失效 -- 参考解决方案 (2)https://www.cnblogs. ...
微信小程序页面跳转后清除定时器
笔记前言:因为做项目,有些数据是实时的,所以要用定时器定时调用接口请求.最开始我加上定时请求,然后跳转的时候,接口请求还是一直执行.但是我想要的是页面跳转后,就清除定时器了.期间有一些小问题的出现, ...
html注册跳转php错误500,页面跳转后提示HTTP 异常 500（Internal Server Error）：服务器尝试执行请求时遇到了意外情况...
页面跳转后提示HTTP 错误 500(Internal Server Error):服务器尝试执行请求时遇到了意外情况. index.php跳转到chkadmin.php提示(服务器错误网站在检索 ...
Vue页面跳转后不显示问题
Vue页面跳转后不显示问题必须要添加 path前面要有/

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

/

~/

./

…/

/**

/*

/?

SpringBoot 页面跳转后css和js效果都无效了相关推荐

最新文章

热门文章