最近寫了一個vue小項目，不想單獨作為一個web項目發布，所以就準備放到資源項目的public文件夾下，遇到一些小問題，在此總結一下。

為林州等地區用戶提供了全套網頁設計制作服務，及林州網站建設行業解決方案。主營業務為做網站、成都網站設計、林州網站設計，以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

資源路徑如下：

public目錄配置的訪問路徑為”/”，在這樣的情況下，我們的訪問路徑就變成了”域名/vue-demo”。訪問的時候發下程序未報錯，但是頁面一片空白。此前也這樣發布的項目都沒有問題，但這次是怎么回事呢？

仔細探索后發現是vue-router搞得鬼。因項目需要，所以使用了滾動行為，滾動行為必須開啟history模式，在vue-router官方文檔中有這么一句話：

當你使用 history 模式時，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！

不過這種模式要玩好，還需要后臺配置支持。因為我們的應用是個單頁客戶端應用，如果后臺沒有正確的配置，當用戶在瀏覽器直接訪問 http://oursite.com/user/id 就會返回 404，這就不好看了。

所以呢，你要在服務端增加一個覆蓋所有情況的候選資源：如果 URL 匹配不到任何靜態資源，則應該返回同一個 index.html 頁面，這個頁面就是你 app 依賴的頁面。

而我們vue-router監聽的路徑還是”/”與”/component”，自然路徑匹配不上。

所以我們需要修改routes，給每個path加上項目名，即”/vue-demo”，同時為了保證資源文件正確加載，打包時的 publicPath 也需要加上”/vue-demo”。

完畢！！

以上這篇解決vue+webpack打包路徑的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持創新互聯成都網站設計公司。

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

當前文章：解決vue+webpack打包路徑的問題-創新互聯
文章鏈接：http://vcdvsql.cn/article16/pgjgg.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、微信公眾號、ChatGPT、微信小程序、建站公司、定制網站

廣告

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