vue使用webPack打包发布后页面显示空白
生活随笔
收集整理的這篇文章主要介紹了
vue使用webPack打包发布后页面显示空白
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
今天筆者將打包后,進(jìn)行訪問,訪問到index.html,但是出現(xiàn)的是空白頁。
打包命令:npm run build,打包后的文件如下:
這是因為index.html中引入的css ,js 的路徑不對:如下圖
這個是因為webpack打包的時候引入js時使用的是絕對路徑導(dǎo)致的,修改webpack打包文件中的配置,在webpack.prod.conf.js中增加publicPath:’./’ ,util.js中增加publicPath:’./’,修改config/index.js
修改完后:重新打包,網(wǎng)頁展示成功.
總結(jié)
以上是生活随笔為你收集整理的vue使用webPack打包发布后页面显示空白的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 社区团购微信小程序开发
- 下一篇: ios 手游SDK 开发教程