發(fā)現(xiàn)前端路徑是"xxxx/xxxx.css",都改成"/xxxx/xxxx.css"或"~/xxxx/xxxx.css"就沒問題了。

復(fù)習(xí)一下路徑知識：

/

/代表根目錄

~/

~/ 代表根目錄，同~/

./

./ 當(dāng)前目錄

…/

../表示文件所在目錄的上級目錄

/**

比如a/**會匹配/a/下的所有路徑

/*

a/* 僅可匹配一級路徑如a/b、a/c不能匹配a/b/c和更多級路徑

/?

/? 僅可匹配一級路徑且最多只有一個字符 如/a , /

1、加"/“代表 根目錄下的絕對路徑,是從站點(diǎn)的根目錄開始找
2、不加”/"代表 當(dāng)前目錄下的相對路徑,是從當(dāng)前路徑開始找

我之前沒加/時從站點(diǎn)找，但站點(diǎn)沒有支持，當(dāng)然是沒有格式的沒有效果的。加了以后絕對路徑從根目錄找到資源并加載。
問題出在哪里呢，比如說http://localhost:8081/signup注冊頁面正常顯示，但我沒加/的話顯示相對路徑是按照我前端設(shè)置的action="user/signup"來跳轉(zhuǎn)的，所以我跳轉(zhuǎn)到了http://localhost:8081/user/signup,然而如果css資源不用/，會調(diào)用的應(yīng)該是http://localhost:8081/user/signup下的css資源，當(dāng)然調(diào)不出來，我們應(yīng)該調(diào)用的是http://localhost:8081/signup下的css資源，所以應(yīng)該加/變成絕對路徑。

總結(jié)

以上是生活随笔為你收集整理的SpringBoot 页面跳转后css和js效果都无效了的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。