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