vue-cli开发项目,调用html5+接口,hbuilder真机运行,打包

时间:2022-01-29 16:24:24

开发中使用vue-cli正常开发

将配置文件中的路径改为相对路径--否则在打包之后真机运行时无法找到指定路径

vue-cli开发项目,调用html5+接口,hbuilder真机运行,打包

开发完或者开发途中想要查看调用h5+的api效果就需要打包了

npm run build

项目打包后找到dist文件夹

vue-cli开发项目,调用html5+接口,hbuilder真机运行,打包

将dist文件夹中的文件拷贝出来

使用hbuilder在非项目文件夹中新建一个app项目

vue-cli开发项目,调用html5+接口,hbuilder真机运行,打包

将拷贝的文件复制到新建的app项目中,替换默认文件

找到配置文件manifest.json完成相关配置

vue-cli开发项目,调用html5+接口,hbuilder真机运行,打包

配置完成就点击hbuilder的真机运行,这之前需要连接手机,或者启动模拟器

vue-cli开发项目,调用html5+接口,hbuilder真机运行,打包

vue-cli开发项目,调用html5+接口,hbuilder真机运行,打包