轉自：https://blog.csdn.net/cvper/article/details/79955412
第一個 / 這個斜杠代表的是根目錄的意思，什么是根目錄呢？
先看例子：F盤中有個文件夾vue_bamboos和一張圖片 test-me.png
vue_bamboos下有一個文件夾 a , a文件夾中有一個文件b;
b文件夾下有一個index.html文件；
F---------------------------------------
vue_bamboos-------------------
a-------------------------
b------------------
index.html---
test-me.png---------------------
index.html:顯示一張圖片test-me.png, 這里我們使用就是根目錄，也就是我們項目目錄的上
一級，也就是 F 盤是我們的根目錄；注意，我們的項目目錄是vue_bamboos，但是
vue_bamboos不是根目錄，它的上一級才是！！！
<body>
<img src="/test-me.png" alt="測試根目錄">
</body>
第二個 ./ 這個代表的是當前目錄，也就是和我們的index.html 在同一級上；
假設我們的項目目錄：
F-----------------------------------
vue_bamboos---------------
index.html-------------
test-me.png-----------
<body>
<img src="./test-me.png" alt="測試根目錄">
<img src="test-me.png" alt="測試根目錄">
</body>
也就是說我們可以這樣寫 ./test-me.png 或者省略 ./ 也是可以的 , 直接寫 test-me.png
第三個 ../ 這個代表的意思是返回到上一級目錄；
第四個 ../../ 這個代表的是返回到上一級，再向上返回一級，返回了兩級；
第五個 ../../../ 這個比上面的多了一級，那么就是向上返回三級了；
。。。。。。。。
../ ../../ ../../../ 這三個還是比較好理解的,因為使用的頻率是挺高的，
但是 / 和 ./ 就不是太常用了
相對路徑和絕對路徑：
（1）相對路徑，就是在同一個網站下，不同文件之間的的位置定位。引用的文件是相對當前網頁的位置而言的，根據這個相對位置得出相對路徑。
（2）絕對路徑，指的是完整的路徑。