在actions中和路由守卫中发网络请求的两种步骤

在vuex中的actions中发送请求

模拟一个场景,
用户点击登录按钮,获取的数据存入vuex中

• 用户点击按钮,提交actions异步更新
• 在request.js中axios和拦截器,
• 在api/user.js中封装登录请求
• 在vuex的actions中调用login
• commint同步更新state中的数据
  

在路由守卫中发请求

在登录跳转主页的时候,因为有不同的权限管理,所以在进入页面显示的内容也不一样,获取的信息也不一样

• 登录页点击登录按钮,将token存入vuex
• 页面跳转会进入路由守卫
• 在路由守卫中发送请求
• 获取的数据保存发哦vuex中,跳转目标页面
• 目标页面获取vuex中的数据