整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
個網站的每個頁面應該使用唯一的URL，不同于相同文件應轉向到唯一的URL。不利于測試，有規模的網站一般會有線下測試，如果網站內的鏈接不是動態參數，就會造成很多死鏈接，沒辦法進行測試。相對路徑地址是模糊的，不具備獨立性。采用絕對地址，可以有效地防止你的競爭對手對你的網站。
絕對路徑的優點
1.如果有人復制你的網站內容，里面的鏈接還會指向你的網站建設，其實也不局限于被復制，如果有人將你的網頁保存到本地電腦中，里面的鏈接、圖片、css、以及js仍然會連接到你的網站建設。
2.如果網頁位置改變，里面的鏈接還是指向正確的URL。
絕對路徑的缺點：
1.在本機制作的時候不能使用絕對路徑，因為鏈接應該指向真正的域名而不是測試機的。
2.內容頁面必須固定，如果所有內容頁面都使用絕對路徑，如果修改某個文件，其它頁面上的路徑是無法改變的，還會指向原來的地址。
相對路徑的優缺點
相對路徑的優缺點和絕對路徑幾乎相反。
缺點：
1.內容頁面換了位置之后，鏈接容易失效。
2.容易被人大面積復制粘貼。
優點：
1.內容容易移動，可以整個目錄移動。
2.測試方法較靈活，本機測試時比較方便快捷。
考：https://www.jb51.net/article/163170.htm
vue中靜態資源的引入機制
靜態資源可以通過兩種方式進行處理：
在 JavaScript 被導入或在 template/CSS 中通過相對路徑(以 . 開頭)被引用。這類引用會被 webpack 處理。
如 <img src="..."> 、 background: url(...) 和 CSS @import 的資源
例如， url(./image.png) 會被翻譯為 require('./image.png')
放置在 public 目錄下或通過絕對路徑被引用。這類資源將會直接被拷貝，而不會經過 webpack 的處理，你需要通過絕對路徑來引用它們。如果 URL 是一個絕對路徑，例如 /images/foo.png ，它將會被保留不變。
假設有這樣一個目錄：
vue-path/ ----- public/ -------- images/ ------------ XX.jpg ----- src/ -------- assets/ ------------ images/ ---------------- XX.jpg -------- App.vue
一、常見的引入方式，路徑是固定的字符串，圖片會被webpack處理，文件若丟失會直接在編譯時報錯，生成的文件包含了哈希值：
<img src="./assets/images/01.jpg" alt="">
編譯后:
計算機查找網頁文檔時，計算機需要明確該網頁文檔所在位置。我們把網頁文檔所在的位置稱為路徑。網頁中的路徑分為絕對路徑和相對路徑兩種，具體介紹如下：
(1)絕對路徑
絕對路徑就是網頁上的文檔或目錄在盤符(即C盤、D盤等)中的真正路徑，例如“D：\案例源碼\chapter02limagesbannerl.jpg”就是一個盤符中的絕對路徑。再如完整的網絡地址
“http://www.zcool.com.cn/images/logo.gif”。
(2)相對路徑
相對路徑就是相對于當前文檔的路徑。相對路徑沒有盤符，通常是以HTML網頁文檔為起點，通過層級關系描述目標圖像的位置。相對路徑的設置分為以下三種。
·圖像和HTML.文檔位于同一文件夾：設置相對路徑時，只需輸入圖像的名稱即可，例如<img sre=”logo.gif” />
·圖像位于HTML.文檔的下一級文件夾：設置相對路徑時，輸入文件夾名和圖像名，之間用“/”隔開，例如<img sre=”img/img01/logo.gif”/>
·圖像位于HTML.文檔的上一級文件夾：設置相對路徑時，在圖像名之前加入“./”，如果是上兩級，則需要使用“././”，依此類推，例如<img sre=”../logo.gif”/>
值得一提的是，網頁中并不推薦使用絕對路徑，因為網頁制作完成之后我們需要將所有的文檔上傳到服務器。因此很有可能不存在“D:\案例源碼\chapter02\images\bannerl.jpg”這樣一個很精準的路徑，網頁也就無法正常顯示圖像。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
