我使用的是idea,今天搭建一個項目時遇見了css和js路徑錯誤,導致瀏覽器獲取不到資源路徑
這是我最開始寫的路徑
<link href="/main/loginMain.css" rel="stylesheet" type="text/css">
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="/main/loginMain.js" type="text/javascript"></script>
然后瀏覽器就報錯

這就比較郁悶了,idea中點擊鏈接可以跳轉到css和js文件啊!!!
回想了一下相對路徑和絕對路徑的知識,才明白路徑確實寫錯了,但是idea為什么能鏈接到文件,就不知道了,在這里記錄一下關於資源路徑的知識。
1.使用相對路徑
.代表當前文件夾
./xxx.js
..代表上一級文件夾
../xxx.js
2.使用絕對路徑
開頭使用/代表根目錄,從tomcat的webapps文件夾開始
/ProjectName/file1/xxx.js
開頭使用文件夾名,從web文件夾開始
file1/xxx.js
