解決vue webpack打包路徑的問題

2022-10-07 09:21:06 字數 757 閱讀 5466

最近寫了乙個vue小專案,不想單獨作為乙個web專案發布,所以就準備放到資源專案的public資料夾下,遇到一些小問題,在此總結一下。

資源路徑如下:

public目錄配置的訪問路徑為」/」,在這樣的情況下,我們的訪問路徑就變成了」網域名稱/vue-demo」。訪問的時候發下程式未報錯,但是頁面一片空白。此前也這樣發布的專案都isjlegdsl沒有問題,但這次是怎麼回事呢?

仔細探索後發現是vue-router搞得鬼。因專案需要,所以使用了滾動行為,滾動行為必須開啟history模式,在vue-router官方文件中有這麼一句話:

當你使用 history 模式時,url 就像正常的 ur程式設計客棧l,例如 也好看!

不過這種模式要www.cppcns.com玩好,還需要後台配置支援。因為我們的應用是個單頁客戶端應用,如果後台沒有正確的配置,當使用者在瀏覽器直接訪問 就會返回 404,這就不好看了。

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

而我們vue-router監聽的路徑還是」/」與」/componeisjlegdslnt」,自然路徑匹配不上。

所以我們需要修改routes,給每個path加上專案名,即」/vue-demo」,同時為了保證資源檔案正確載入,打包時的 publicpath 也需要加上」/vue-demo」。

完畢!!

本文標題: 解決vue+webpack打包路徑的問題

本文位址:

vue webpack多環境打包配置

我是用的vue cli快速生成的專案結構,故下文以此為基礎 原來 use strict module.exports 修改後 use strict module.exports 原 use strict const merge require webpack merge const devenv r...

批量打包 解決推送

準備工作 1.要打包的證書檔案 2.ipa母包檔案 3.子包的配置檔案 指令碼檔案 bin bash resign.sh for file2 in ls a module doif x file2 x a x file2 x a x file2 x ds store then echo file2 ...

ios打包錯誤解決

ios打包是一件非常重要和常規的事情,打包過程中中避免不了,出現各種錯誤,下面就記錄一下 萬用字元 明確的 原因分析 都是in hourse profiles 出現的問題,可能原因 企業級打包只需要發布證書,注意打包的時候選擇那個賬號,那個bundleid,設定codingsign,旋轉打包型別,選...