Vue 打包前需修改的配置,解决白屏问题
生活随笔
收集整理的這篇文章主要介紹了
Vue 打包前需修改的配置,解决白屏问题
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
vue-cli項(xiàng)目和electron-vue項(xiàng)目打包運(yùn)行都有遇到的白屏問題,下面記錄打包前需要確認(rèn)的配置
第一:
config文件夾下的index.js 中的文件中的 assetsPublicPath :‘/’ 改為’./’ 不然的話會(huì)是空白頁,記住,是build那塊。
? ? ? ??
可以檢查打包后的dist/index.html下的引用路徑是否為"./static/...."
?
第二:
build/util.js文件下在 ‘vue-style-loader’ 之后加一行:publicPath: ‘…/…/’ 不然的話會(huì)有圖片顯示不出來,字體不能正常使用
?
第三: 如果你有本地json數(shù)據(jù)的話
把本地json數(shù)據(jù)中的路徑全部給為根路徑
第四:就是本地用api代理的,上線之后就不要代理了
第五:不需要js文件中的.map文件的時(shí)候
config index.js productionSourceMap: false
總結(jié)
以上是生活随笔為你收集整理的Vue 打包前需修改的配置,解决白屏问题的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: svm加载数据集并预测
- 下一篇: go语言基础到提高(7)-数组