doubleyong
管理员
管理员
  • 最后登录2025-10-08
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:4431回复:0

[h5 app]将vue的dist文件夹打成app 的方法及注意事项

楼主#
更多 发布于:2021-03-18 16:45
目标

   vue的dist文件夹打成app安装包(android)


方法:

   1、下载软件 :hbuildx  


   2、hbuildx 将dist文件夹打包成app安装包的图解步骤
         参考:https://my.oschina.net/u/3692129/blog/4471258  


   3、下载,测试 (如遇问题,欢迎留言)


注意事项:

   1、 dist文件夹中的index.html页面打开显示空白
          
          需要在vue.config.js 中,设置 publicPath: "./"          
          如果已经设置,看你的路由是否为history模式,若为history模式,请用服务的方式运行


  2、 404 你访问的页面不存在        
        
         请用服务的方式运行,或者将路由改为hash模式

 3、 vue 中设置的代理失效
        
         dist 文件夹的内容,为纯静态页面,代理已失效,需要重新设置          
         如果是nginx 服务器,可参考:http://bugshouji.com/bbs-read-run?tid=1211

 4、 接口数据不能访问
      
        app中访问接口,如果是在局域网上的api地址,需保证手机与api 在同一个局域网中
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号