关于vue打包成app

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

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

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


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

publicPath:"../../"


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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 饿了么基于Vue 2.0的通用组件库开发之路
    本文为2016年11月9日，『前端之巅』微信群在线分享活动总结整理而成，转载请在文章开头处注明来自『前端之巅』公众...
    尾尾阅读 10,805评论 3赞 32
  • 关于VUE创建使用过程
    从18年7月16号入职到现在已经5个月多了，入职之后就一直使用vue，来这边温习记录下使用的步骤。在我的理解中vu...
    好市民学编程阅读 1,974评论 2赞 12
  • Vue教程--使用官方脚手架构建实例（上篇）
    本文基于工作项目开发，做的整理笔记因工作需要，项目框架由最初的Java／jsp模式，逐渐转移成node/expre...
    SeasonDe阅读 7,491评论 3赞 35
  • Vue笔记
    ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,049评论 1赞 4
  • 知识点总结
    响应式布局的理解 响应式开发目的是一套代码可以在多种终端运行,适应不同屏幕的大小,其原理是运用媒体查询,在不同屏幕...
    懒猫_6500阅读 817评论 0赞 0