点了登录请求是如何发出去的?

165 阅读1分钟
  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)