1)整体流程图
2.main.js是入口，里面require("permission")时会触发方法体
在进行require("权限时")，会进行一系列初始化。
重定向。
接着走login方法。
vuex其实就是store。
触发vuex里面的方法: await store.dispatch('user/getInfo') // 就是user.js里面的getInfo方法
登录成功，则保存name和头像到vuex中。
一旦getInfo调用了resolve执行完毕后，其实就是 permission中的 await store.dispatch('user/getInfo')执行完毕了，接着执行
3.页面跳转：
4.验证之类的没通过，调用reject时，就会触发这里的catch(err){},可以看出里面会重置token
重点：await store.dispatch('user/resetToken') 这类操作会调用vuex中的方法
同时，vuex中方法执行结果，是以：resolve或reject作为结束的：
那么调用方正常结束就调用next()// vuex中方法resolve了
做跳转路由等方法 // vuex中方法reject了
5.清除token的实现：
6.验证失败了，强制跳转到登录页：
转载：https://blog.csdn.net/themagickeyjianan/article/details/128510001
查看评论