vue專案完成打包出dist後準備開啟index.html，發現居然頁面是一片空白，f12一片報紅。
經過多次網上查詢後發現這是由於vue打包時，腳手架會幫你配置好大量引數，但其中路徑publicpath被配置為了"/",需要手動修改。
1、將vue.config.js中的publicpath:"/"修改為publicpath:"./"
2、刪除之前的dist重新打包。
再次打包後開啟dist中的index.html，發現頁面出來了，但是如果頁面有路由跳轉的話，會發現跳轉失敗，
這時需要修改router中的路由模式為hash:
在router的index.js中修改：從vue-router中引入createwebhashhistory，將createwebhistory(process.env.base_url)改為createwebhashhistory(process.env.base_url)。
最後重新打包即可。
VUE打包後不顯示問題
在執行 npm run bulid後，開啟dist目錄下打包好的檔案，不顯示仍和資料 頁面開啟一片空白，原因是打包時，路徑不對 解決辦法 在根目錄新建 vue.config.js 這個檔案是vue規定好的，專門用來做bulid裡面的配置 module.exports baseurl 打包時，資源檔案...
vue專案打包後跨域
關於vue的跨域配置，有開發環境的跨域和生產環境的跨域，詳見我的另一篇部落格 對於上篇文章的生產環境的跨域位址配置，是將所有介面的訪問都指向同乙個伺服器，而對於前後端未完全分離的專案，如果有某個介面需要訪問非當前專案的另一台伺服器的話，就需要對這個介面單獨進行處理了，針對這個問題，我重新梳理了一下關...
要命系列 執行vue打包後的檔案
如何執行打包後的dist檔案看看效果，比如路徑什麼的有沒有問題之類的，那就需要在部署前看看頁面有沒有崩壞。廢話不多說，看圖 ps本人用的是vue cli4 首先npm install g serve 全域性安裝 如果你網速不大好，用 映象cnpm安裝也可以 再來就是在這一級目錄下直接serve s ...