當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
SpringBoot 页面跳转后css和js效果都无效了
生活随笔
收集整理的這篇文章主要介紹了
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效果都无效了的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 拓展 欧几里得算法 求逆元_ECC椭圆曲
- 下一篇: SpringMVC和SpringBoot