-
表单验证(login/index.vue)
- utils/validate.js ---> validMobile
-
调用 api/user.js中封装好的api
- 找到axios实例:utils/request.js中获取axios实例
- 设置基地址从环境变量中
-
收集用户的参数,传给上一步中的api。(页面上收集页面的数据项名与接口中一致)
-
经过请求拦截器,添加请求头(添加token, utils/request.js)
-
代理转发(vue.config.js)
-
后端服务器要启动,mongoDB也要启动;后端才能收到请求,返回数据 -
经过响应拦截器的处理(utils/request.js)
- 判断当前操作是否成功,决定是否axios报错
- 简化获取有效数据的写法(脱壳)
-
得到api调用之后结果(login.vue)
-
保存token到vuex(store/modules/user.js)
-
token做持久化(utils/auth.js)