关于Vue的打包以及上线流程

1. vue项目的接口联调
   ①首先进入vue项目中的config目录下的index.js文件中，在proxyTable中更改对应的api接口
   ②将proxyTable部分删除

2. vue项目进行真机测试
   ① 在cmd终端上输入ipconfig查看本机地址（如果连接wifi则查看无线局域网的IP地址）
   ② 打开vue项目中的package.json文件，在dev-server后面添加一个配置项–host 0.0.0.0（希望该项目能够通过ip地址访问的话执行该步骤，否则该项目只能通过localhost访问）

"scripts": {
    "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "lint": "eslint --ext .js,.vue src",
    "build": "node build/build.js"
  }

3. 对touchStart用.prevent 进行修饰时，可阻止touchStart的默认行为（在手机端滑动界面时出现网页滑动）

4. 解决浏览器兼容性问题
   在项目中安装 babel-polyfill插件，判断浏览器是否有promise（ES6特性），如果没有则自动添加该特性

5. vue项目打包并上线
   ① 在控制台输入npm run build
   ② 将打包好的项目生成的dist文件中的文件放到后台服务的根路径下（含api文件的目录）

6. 更改项目访问目录
   首先进入到vue项目中的config目录下的index.js文件中，找到以下位置，对assetsPublicPath进行更改相应的目录下即可，然后重新打包