vue打包後,資源無法顯示的問題解決

2022-08-24 03:48:13 字數 614 閱讀 2296

之前在做完專案之後,遇到乙個問題,vue打包成乙個dist檔案之後,開啟裡面的index.html,發現是一片空白,任何資源都載入不出來。

這是因為,vue-cli在打包的時候,預設你的布置是在根目錄上,比如你網域名稱根路徑是「但是你打包檔案放在了乙個"www"的子路徑下,那麼你在vue.config.js中,就應該設定pathpablic為/www/。

當然,也可以採用相對路徑這樣的百搭方式。直接將pathpablic設定為  "./",這樣打包檔案也都遵循相對路徑。

module.exports ={

publicpath:"./",

在經過這樣的修改之後,我們再次開啟index.html,發現dom載入出來了,但是卻不見了。

這是因為,你在vue-router設定的時候,可能採用了history模式,需要修改為hash模式

如果一定要使用history模式,則必須將打包檔案放到伺服器根目錄下

VUE打包後不顯示問題

在執行 npm run bulid後,開啟dist目錄下打包好的檔案,不顯示仍和資料 頁面開啟一片空白,原因是打包時,路徑不對 解決辦法 在根目錄新建 vue.config.js 這個檔案是vue規定好的,專門用來做bulid裡面的配置 module.exports baseurl 打包時,資源檔案...

vue修改打包後靜態資源路徑

使用vue cli生成的專案,打包方式是直接執行package.json裡配置的指令碼 npm run build 這步其實是去執行build下的build.js指令碼檔案 node build build.js 複製 如果發布到伺服器資源,該靜態資源的路徑都是預設在根路徑下,大多數情況下是不符合期...

vue打包後,靜態資源通過URL訪問不到

vue打包後,一些靜態資源通過url訪問不到 const shareinfo 然後就開始找原因,檢視了打的包裡的資料夾,並沒有找到 share.jpg。但是發現其他的檔案都是以 a.7a2c09b.jpg形式出現的。那分享在 呢?會不會也變成share.jh65465.jpg?網上查資料,知道可能的...