关于vue打包成app

vue项目打包成app前需要先将文件打包运行: npm run build
打包后会遇到页面为空,

关于vue打包成app_第1张图片

因为打包后的index.html代码中所有的路径全部有问题

关于vue打包成app_第2张图片

因为路径的问题所以页面中的组件、样式都找不到了,应该将最前面的'/'更改为'./'就会解决问题

关于vue打包成app_第3张图片

关于vue打包成app_第4张图片

如果用了Element-ui则又会出现图标无法识别的错误,所以需要在文件中添加

publicPath:"../../"

关于vue打包成app_第5张图片

打包后就可以将文件压缩成app了
打包app参考文章

你可能感兴趣的:(关于vue打包成app)