共计 405 个字符，预计需要花费 2 分钟才能阅读完成。
具体实现步骤 :
-
表单验证（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)
正文完