关于vue-cli打包后,index显示空白页解决方法

1.修改打包时,文件引用路径

config文件加下index.js文件中,找到 build 中的  assetsPublicPath 将 assetsPublicPath: '/' 修改为 assetsPublicPath: './'  即添加一个点

关于vue-cli打包后,index显示空白页解决方法

2.注释相关打印提示(可选)

build文件加下build.js文件中,将一个 console.log 注释掉

关于vue-cli打包后,index显示空白页解决方法

3.重新build

 3.1如果没有进行第2项,在build的时候出现以下情况,但是并不影响最终结果关于vue-cli打包后,index显示空白页解决方法


  3.2,在进行第二项之后,build将会完美成功

    关于vue-cli打包后,index显示空白页解决方法 

4.重新打开 dist文件下的index.html