vue-h5-template

知识体系

封装 axios

1. 使用拦截器统一处理请求和响应数据
2. 挂载到原型上

上拉加载更多

1. vant 的组件
2. 设置初始高度，不然 bug 很严重

懒加载

1. 懒加载是什么
2. 如何实现

环境配置

1. 根目录新建 .env.development （测试环境） 文件

   VUE_APP_URL="http://132.232.87.95:3000/api"

然后新建。env.production（生产环境）文件

   VUE_APP_URL="http://132.232.94.151:3000/api"

1. 配置 package.json

    "scripts": {
       "serve": "vue-cli-service serve --model",
       "build": "vue-cli-service build --model",
       "lint": "vue-cli-service lint"
     },

1. 项目中通过 process.env.VUE_APP_URL 访问 VUE_APP_URL 的值，不同的环境取到的值不一样

打包部署

移动端适配

1. amfe-flexib 设置 root 元素字体大小
2. pxtorem px 转 rem