HBuilder打包APP手机端安装配置教程
最后更新于:2022-04-02 07:23:08
HBuilder打包APP手机端安装配置教程
===
> jeecgBoot前端UI项目,可以打成app安装手机上,采用HBuilder工具,详细步骤如下
第一步:
在vue.config.js中加入 baseUrl: './', 代码示例如下图:
![](https://oscimg.oschina.net/oscnet/effc05ee4842024533a64a0ac7cc6091141.jpg)
修改public目录下index.html文件把全局配置的地址改成域名。如下图
![](https://oscimg.oschina.net/oscnet/a52e1112a2f5909f7d33382a916d8b517a2.jpg)
修改src/utils/request.js
把axios 的baseURL修改一下,如下示例图:
![](https://oscimg.oschina.net/oscnet/17664cd8cad55936303f601c1e650df311c.jpg)
第二步:
在HBuilder中选择文件—>打开目录,选择build后的dist文件,如下图:
![](https://oscimg.oschina.net/oscnet/f4b8fa307d96034ec562df3818d911239cd.jpg)
第三步:
选中项目,右击选择转换成移动App
第四步:
选中项目,右击选择发行,弹出来菜单,选择第一项。出现一个窗口如下图: 点击打包,即可完成打包
![](https://oscimg.oschina.net/oscnet/f7f90a6ffa39d8f29270a541c4b8c7dc537.jpg)
下面是苹果打包截图:
![](https://oscimg.oschina.net/oscnet/d1e9b848e1d81381b6362e3a42a5e92e6e9.jpg)
如果打包的app访问不到后台数据,请修改HBuilder中的配置文件,如下图
![](https://oscimg.oschina.net/oscnet/67bb79e1414272d6149aaf9ad9e1a3b8532.jpg)
';