在vuex中的actions中发送请求
模拟一个场景,
用户点击登录按钮,获取的数据存入vuex中
- 用户点击按钮,提交actions异步更新
- 在request.js中axios和拦截器,
- 在api/user.js中封装登录请求
- 在vuex的actions中调用login
- commint同步更新state中的数据
在路由守卫中发请求
在登录跳转主页的时候,因为有不同的权限管理,所以在进入页面显示的内容也不一样,获取的信息也不一样
- 登录页点击登录按钮,将token存入vuex
- 页面跳转会进入路由守卫
- 在路由守卫中发送请求
- 获取的数据保存发哦vuex中,跳转目标页面
- 目标页面获取vuex中的数据