個網(wǎng)站的每個頁面應該使用唯一的URL，不同于相同文件應轉(zhuǎn)向到唯一的URL。不利于測試，有規(guī)模的網(wǎng)站一般會有線下測試，如果網(wǎng)站內(nèi)的鏈接不是動態(tài)參數(shù)，就會造成很多死鏈接，沒辦法進行測試。相對路徑地址是模糊的，不具備獨立性。采用絕對地址，可以有效地防止你的競爭對手對你的網(wǎng)站。

絕對路徑的優(yōu)點

1.如果有人復制你的網(wǎng)站內(nèi)容，里面的鏈接還會指向你的網(wǎng)站建設，其實也不局限于被復制，如果有人將你的網(wǎng)頁保存到本地電腦中，里面的鏈接、圖片、css、以及js仍然會連接到你的網(wǎng)站建設。

2.如果網(wǎng)頁位置改變，里面的鏈接還是指向正確的URL。

絕對路徑的缺點：

1.在本機制作的時候不能使用絕對路徑，因為鏈接應該指向真正的域名而不是測試機的。

2.內(nèi)容頁面必須固定，如果所有內(nèi)容頁面都使用絕對路徑，如果修改某個文件，其它頁面上的路徑是無法改變的，還會指向原來的地址。

相對路徑的優(yōu)缺點

相對路徑的優(yōu)缺點和絕對路徑幾乎相反。

缺點：

1.內(nèi)容頁面換了位置之后，鏈接容易失效。

2.容易被人大面積復制粘貼。

優(yōu)點：

1.內(nèi)容容易移動，可以整個目錄移動。

2.測試方法較靈活，本機測試時比較方便快捷。

vue-path/
----- public/
-------- images/
------------ XX.jpg
----- src/
-------- assets/
------------ images/
---------------- XX.jpg
-------- App.vue

<img src="./assets/images/01.jpg" alt=""> 

計算機查找網(wǎng)頁文檔時，計算機需要明確該網(wǎng)頁文檔所在位置。我們把網(wǎng)頁文檔所在的位置稱為路徑。網(wǎng)頁中的路徑分為絕對路徑和相對路徑兩種，具體介紹如下：

(1)絕對路徑

絕對路徑就是網(wǎng)頁上的文檔或目錄在盤符(即C盤、D盤等)中的真正路徑，例如“D：\案例源碼\chapter02limagesbannerl.jpg”就是一個盤符中的絕對路徑。再如完整的網(wǎng)絡地址

“http://www.zcool.com.cn/images/logo.gif”。

(2)相對路徑

相對路徑就是相對于當前文檔的路徑。相對路徑?jīng)]有盤符，通常是以HTML網(wǎng)頁文檔為起點，通過層級關系描述目標圖像的位置。相對路徑的設置分為以下三種。

·圖像和HTML.文檔位于同一文件夾：設置相對路徑時，只需輸入圖像的名稱即可，例如<img sre=”logo.gif” />

·圖像位于HTML.文檔的下一級文件夾：設置相對路徑時，輸入文件夾名和圖像名，之間用“/”隔開，例如<img sre=”img/img01/logo.gif”/>

·圖像位于HTML.文檔的上一級文件夾：設置相對路徑時，在圖像名之前加入“./”，如果是上兩級，則需要使用“././”，依此類推，例如<img sre=”../logo.gif”/>

值得一提的是，網(wǎng)頁中并不推薦使用絕對路徑，因為網(wǎng)頁制作完成之后我們需要將所有的文檔上傳到服務器。因此很有可能不存在“D:\案例源碼\chapter02\images\bannerl.jpg”這樣一個很精準的路徑，網(wǎng)頁也就無法正常顯示圖像。