這篇文章主要介紹“web前端中相對路徑指的是什么”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“web前端中相對路徑指的是什么”文章能幫助大家解決問題。

疊彩網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)公司！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、自適應網(wǎng)站建設等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)公司公司2013年成立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選創(chuàng)新互聯(lián)公司。

在web前端中，相對路徑就是指由當前文件所在的路徑引起的跟其它文件（或文件夾）的路徑關系，是相對于當前文件的目標文件位置；簡單來說，就是以當前文件為參考點，來確定不同文件的路徑，相對路徑一般會以“./”、“../”開始。好處：當整個項目移動時，項目內文件之間的相對關系沒有改變，之前設置的路徑任然是準確的，不用進行修改。

如何快速入門VUE3.0：進入學習

本教程操作環(huán)境：windows7系統(tǒng)、Dell G3電腦。

首先得明白相對路徑和絕對路徑的概念和區(qū)別：

相對路徑:

相對路徑就是指由當前文件所在的路徑引起的跟其它文件（或文件夾）的路徑關系。使用相對路徑可以為我們帶來非常多的便利。

絕對路徑：

絕對路徑是指目錄下的絕對位置，直接到達目標位置，通常是從盤符開始的路徑。

完整的描述文件位置的路徑就是絕對路徑，以web站點根目錄為參考基礎的目錄路徑。絕對路徑名的指定是從樹型目錄結構頂部的根目錄開始到某個目錄或文件的路徑，由一系列連續(xù)的目錄組成，中間用斜線分隔，直到要指定的目錄或文件，路徑中的最后一個名稱即為要指向的目錄或文件。之所以稱為絕對，意指當所有網(wǎng)頁引用同一個文件時，所使用的路徑都是一樣的。

• 個人總結：

相對路徑簡而言之就是相對自己所在的目錄來引用其他文件（不是根目錄），就是相對于當前文件的目標文件位置。

這樣有個好處就是，當你整個項目移動時，你項目內文件之間的相對關系沒有改變，你之前設置的路徑任然是準確的。例如：Web服務器文件夾a下面有index.html和image.jpg兩個文件。index.html文件里引入image.jpg，只要這兩個文件的相對位置沒有變(也就是說還是在文件夾a下面)，那么無論上傳到Web服務器的哪個位置，這個路徑都是正確的。

絕對路徑就是相對根目錄（磁盤）開始，每個文件使用的路徑都是一樣的。

使用絕對路徑可以防止網(wǎng)站被惡意抄襲，抄襲默認的鏈接還是指向自己的網(wǎng)站。只要頁面中的目標文件位置不變你的鏈接還是指向正確的URL。在Web開發(fā)的時候一般很少使用絕對路徑，因為你本地的環(huán)境和服務器上的路徑可能不一樣。/表示文件的根目錄。

通過例子來講解

下面我從web中最常用的html中的例子來說明相對路徑和絕對路徑的區(qū)別：

1、絕對路徑

比如：

再來一個小例子：

比如在平時在使用計算機時要使用文件就得知道文件的位置，比如現(xiàn)在有一個文件index.html，要使用index.png這張圖片：

D:/websize/image/index.html

D:/websize/image/img/index.png

你使用路徑D:/websize/image/img/index.png就可以引用這張圖片，在你的計算機上一切正常，但真正開發(fā)的時候基本上不使用絕對路徑，因為項目移植困難，在其他計算機上就訪問不到你的圖片（他的計算機上沒有你的圖片）。

2、相對路徑（實際使用推薦）

首先明白：

• . ./ 代表當前文件的上一級目錄

• ./  代表當前文件所在目錄

比如：

在來一個小例子：

比如你的E盤下面的WEB文件夾里有兩個文件互相訪問。

E:/WEB/mar/img/index.html

E:/WEB/mar/image/ig/ip/pho.png

在這里想要從index.html訪問pho.png，則路徑是. ./image/ig/ip/pho.png；

如果想反過來訪問index.html，則需要路徑是. ./. ./. ./img/index.html

關于“web前端中相對路徑指的是什么”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。