webstorm开发的Vue项目在手机调试以及打包成apk（以及打包后页面空白问题）

一、为避免打包完成后的index.html打开空白问题，打包前需要更改下几个配置

1.config下的index.js文件（解决路由路径问题）

找到index.js，将 assetsPublicPath: ‘/’ 改为 assetsPublicPath: './'

2.build文件夹下的util.js文件（解决图片路径问题）
在if (options.extract) 中添加 publicPath: '../../'

3.使用相对路径不要用绝对路径
例如import router from './router'，import router from ‘/router’

二、webstorm打包

1.在webstorm的Terminal中输入 npm run build