点击了登录 , 请求是如何发出去的？(实现步骤)

---

具体实现步骤 :

1. 表单验证（login/index.vue）

   1. utils/validate.js ---> validMobile

2. 调用 api/user.js中封装好的api

   1. 找到axios实例：utils/request.js中获取axios实例
   2. 设置基地址从环境变量中

3. 收集用户的参数，传给上一步中的api。（页面上收集页面的数据项名与接口中一致）

4. 经过请求拦截器，添加请求头（添加token， utils/request.js）

5. 代理转发(vue.config.js)

6. 后端服务器要启动，mongoDB也要启动；后端才能收到请求，返回数据

7. 经过响应拦截器的处理(utils/request.js)

   1. 判断当前操作是否成功，决定是否axios报错
   2. 简化获取有效数据的写法(脱壳)

8. 得到api调用之后结果（login.vue）

9. 保存token到vuex（store/modules/user.js）

10. token做持久化(utils/auth.js)