vue项目使用hbuildX打包成app

一.打包
1.在vue.config,js中加入 publicPath: ‘./’, 配置,防止打包后产生空白页

2.在axios.js中的默认服务器配置直接写服务器名称,在router里面配置路由模式为hash 如:
3.无需配置跨域,跨域只有开发过程中自己电脑与服务器端口号开的不一致,才会产生,而打包成app则不会出现跨域问题.
4.使用npm run build 打包vue项目,生成dist文件,如图

4.打开HubuildX.新建H5+项目,如图

5.生成如下文件,将红色框子内文件删除,里面对应内容替换为刚刚打包后的dist文件内的

6.mainifest.json中的配置文件根据需求配置,(不咋需要配置),这样就具备了打包的工作
二.演示
1.真机使用usb开发者选项演示
1.1点击如图(前提手机连接数据线,调整到开发者模式,允许接收文件),弄完即可手机查看效果

2.打包成app
2.1 点击如图

2.2 配置自己的信息