点击了登录 , 请求是如何发出去的((实现步骤))
具体实现步骤 :
- 【点击了登录 , 请求是如何发出去的((实现步骤))】表单验证(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)
推荐阅读
- 热闹中的孤独
- 2018-02-06第三天|2018-02-06第三天 不能再了,反思到位就差改变
- 尽力
- 你到家了吗
- 这辈子我们都不要再联系了
- 死结。
- 我从来不做坏事
- 时间老了
- 喂,你结婚我给你随了个红包
- 赢在人生六项精进二阶Day3复盘