vue2.0打包空白页面问题

使用了npm run build打包,却出现白板问题,当打包好之后vue2.0打包空白页面问题_第1张图片

会出现这个文件夹,点击index.html是白板,这是因为什么问题呢?这是因为你的路径出现了问题了,这个时候我们要将vue2.0打包空白页面问题_第2张图片

build里面的webpack.prod.conf.js里面的配置进行更改

vue2.0打包空白页面问题_第3张图片

在这个部位添加publicPath:'./',

然后在同一目录下的utils.js里面再新增一个publicPath:'../../'

vue2.0打包空白页面问题_第4张图片

然后在config文件中的index.js文件中

vue2.0打包空白页面问题_第5张图片

将bulid里面的assetsPublicPath: './',

vue2.0打包空白页面问题_第6张图片

修改完毕之后再次使用npm run build打包一次,再次点击index.html页面就会出现

vue2.0打包空白页面问题_第7张图片

这个页面哦!

 

你可能感兴趣的:(Vue)