-
表单验证(login/index.vue)
-
utils/validate.js ---> validMobile
-
-
收集用户的参数,调用actions
-
调用 api/user.js中封装好的api
-
找到axios实例:utils/request.js中获取axios实例
-
设置基地址从环境变量中
-
-
-
经过请求拦截器,添加请求头(添加token, utils/request.js)
-
代理转发(vue.config.js)
-
后端服务器要启动,mongoDB也要启动;后端才能收到请求,返回数据
-
经过响应拦截器的处理(utils/request.js)
-
判断当前操作是否成功,决定是否axios报错
-
简化获取有效数据的写法(脱壳)
-
-
得到api调用之后结果(login.vue)
-
保存token到vuex,调用mutations(store/modules/user.js)
-
token做持久化(utils/auth.js)
点了登录请求是如何发出去的
最新推荐文章于 2023-02-01 16:24:37 发布
本文详细阐述了前端表单验证及登录过程,包括在vue项目中如何利用utils/validate.js进行手机号验证,如何通过actions调用api/user.js封装的API。在请求过程中,使用axios实例进行数据传输,配置代理转发处理跨域问题,并在响应拦截器中处理错误及数据脱壳。最后,保存登录成功的token到vuex并实现本地持久化。
摘要由CSDN通过智能技术生成