将vue项目打包成app

cordova环境配置依照：
https://blog.csdn.net/qq_42720683/article/details/104006233

cordova环境配置好之后将vue项目打包成app的详细流程：

1.在项目目录下(与src同级)添加vue.config.js文件，内部内容：

module.exports = {
    publicPath: './',
    outputDir: 'dist',
    assetsDir: 'static'
}

2.打开src/router文件夹下的index.js文件，在底下找到mode: ‘history’,把history换成hash

3.在项目目录下输入npm run build打包项目
在项目下会出现一个dist文件夹，点击里面的index.html在浏览器上跑一下看页面能不能出来

4.创建一个Cordova项目

cordova create 项目名

5.进入Cordova项目,为项目添加平台

cd 项目名

 cordova platform add android --save

6.将之前vue项目的dist文件夹下的三个文件复制到Cordova项目的www文件夹下（先删除www下原有的所有文件）

7.确认打包环境无误后，开始打包

cordova build android

8.打包成功之后会返回一个路径，根据那个路径找到apk文件，该apk就是可在手机上安装的vue项目

记录一下