vue npm run build打包之后项目打开一片空白,解决办法

vue项目使用npm run build打包之后,项目打开一片空白,如下图:

vue npm run build打包之后项目打开一片空白,解决办法_第1张图片

这是因为在打包的时候,没有修改路径,build默认打包路径是根路径,所以需要在修改的文件路径如下

1.config文件下的index.js,下图是默认设置

vue npm run build打包之后项目打开一片空白,解决办法_第2张图片

修改后的结果:

vue npm run build打包之后项目打开一片空白,解决办法_第3张图片

 

2.build文件下的utils.js文件下的

vue npm run build打包之后项目打开一片空白,解决办法_第4张图片

 

3.build文件下的webpack.prod.conf.js文件下的

vue npm run build打包之后项目打开一片空白,解决办法_第5张图片

这样打包好的文件就可以正常打开了

你可能感兴趣的:(vue,npm,run,build)