這是開頭

創(chuàng)新互聯(lián)建站服務(wù)項目包括延川網(wǎng)站建設(shè)、延川網(wǎng)站制作、延川網(wǎng)頁制作以及延川網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，延川網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到延川省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

最近在試水 Vue CLI 3，并且嘗試配置一個多頁面（多應(yīng)用）項目出來，期間又遇到各種路徑問題，于是...于是有了下面的嘮叨。

以下都是基于 Vue CLI 3 來舉例說明的，使用 2.x 版本的其實也類似

首先，參考 官方文檔對靜態(tài)資源處理的說明，并通過自己的實踐，可以總結(jié)出以下內(nèi)容

靜態(tài)資源可以通過兩種方式進(jìn)行處理:

1、以下情況下，資源不會被 webpack 處理，而是被直接拷貝：

1. 放置在 public 目錄下，即使未被使用。
2. 通過絕對路徑被引用，即以 / 開頭的路徑。

2、以下情況下，資源會被 webpack 處理（URL的resolve、minify、uglify、轉(zhuǎn) base64 等）：

1. 使用 JavaScript 導(dǎo)入。
2. 在 template/CSS 中通過相對路徑（即以 . 開頭或直接以文件（夾）名開頭）被引用。
3. URL 以 ~ 開頭，其后的任何內(nèi)容都會作為一個模塊請求被解析。
4. URL 以 @ 開頭，它也會作為一個模塊請求被解析（@ 是在 webpack 設(shè)置的 alias）。

我們應(yīng)該根據(jù)實際情況去選擇我們要引用的資源是否要被處理，然后用對應(yīng)的、正確的方式去引用它們以達(dá)到目的。以下對使用絕對路徑和相對路徑的方法和注意事項進(jìn)行描述。

使用絕對路徑

默認(rèn)情況下，Vue CLI 會假設(shè)你的應(yīng)用是被部署在一個域名的根路徑上（對應(yīng)選項 baseUrl: '/'），例如 https://www.my-app.com/。如果應(yīng)用被部署在一個子路徑上，你就需要用這個選項指定這個子路徑。例如，如果你的應(yīng)用被部署在 https://www.my-app.com/my-app/，則設(shè)置 baseUrl 為 /my-app/。正因為以上的可能情況，我們應(yīng)該在打算引用純靜態(tài)資源（那些不被webpack處理的資源，一般就是 public 目錄下的資源）的時候，都確保使用 baseUrl 作為 URL 的開頭，以下列舉在不同文件中配合 baseUrl 選項寫絕對路徑的使用方法和注意事項：

在入口html文件中使用

我們可以使用lodash template 語法插入 baseUrl：

<link rel="icon" href="<%= BASE_URL %>favicon.ico" rel="external nofollow" >

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

名稱欄目：VueCLI3搭建的項目中路徑相關(guān)問題的解決-創(chuàng)新互聯(lián)
URL標(biāo)題：http://www.chinadenli.net/article14/dcsede.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、網(wǎng)站改版、App開發(fā)、網(wǎng)站收錄、品牌網(wǎng)站制作、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)