应公司要求第一次使用cordova打包了一下vue写的app项目,期间遇到了不少问题,整理一下流程并记录一下常见问题吧。
cordova打包项目需要的环境配置啥的就不具体讲啦,百度一下很多教程~
1. 创建cordova项目并添加Android平台
创建项目指令:cordova create hello com.example.hello helloworld
- 第一个hello是cordova自动生成的项目文件夹名称
- 第二个com.example.hello我一般填写公司的名称,比如:com.csdn.hello
- 第三个helloword是打包完成后app的名称。
创建完cordova项目后我们需要通过指令进入cordova项目的路径下才可进行后续操作:
进入项目目录指令:cd hello
进入项目目录后,我们需要添加对应的平台,这里我们用的是Android平台
添加平台指令:cordova platform add android
2. 打包vue项目
打包vue项目指令:npm run build
首先打包好你的h5项目,我们公司是用vue框架写的项目,因此打包的时候遇到一个问题,即打包生成的静态页面打开为空白页,百度搜索之后发现是路径指向问题,只需要在vue.config.js文件中修改publicPath的值为“./”即可解决问题。
publicPath: '/', &