当前位置: 首页 > Web前端 > vue.js

点击登录后,请求是如何发送的?(实现步骤)

时间:2023-03-31 21:45:20 vue.js

具体实现步骤:表单验证(login/index.vue)utils/validate.js--->validMobile调用api/user.js中封装的api找到axios实例:utils/request。js获取axios实例并设置基地址,从环境变量中收集用户的参数,传递给上一步的api。(页面采集的数据项名称与界面中一致)请求拦截器后,添加请求头(addtoken,utils/request.js)代理转发(vue.config.js)启动后端服务器,mongoDB也启动;后端可以接收请求,返回数据通过响应拦截器(utils/request.js)处理,判断当前操作是否成功,判断axios是否报错,简化写法(拆包)获取有效数据并在api调用后获取结果(login.vue)将令牌保存到vuex(store/modules/user.js)持久性令牌(utils/auth.js)