vue-admin-template登录功能梳理
⽂章⽬录
运⾏流程
1. login页⾯进⾏表单验证，（login/index.vue）
2. 然后验证成功点击按钮，将数据发送到vuex，有actions的⽅法(store/modules/user.js)
3. 发送请求login，发送请求时会进⾏⼀个请求拦截，会在请求头header⾥加⼊X-Token，
4. (utils/request.js)返回res以及其他数据如权限等并存储在vuex和cookie，login会返回⼀个Promise对象，⽅便login页⾯调⽤then
或catch操作。
来个流程图吧
vue-admin-template中的permission.js是作为路由拦截⽤的，判断是否有token是否需要登录页⾯，以及顶部的加载条
前端验证流程
1. ⾸先经过permission.js路由钩⼦函数进⾏权限拦截判断是否有token
2. 没有重定向登录页⾯进⾏登录，
3. 通过handleLogin()函数，去store中的actionlogin()函数此函数返回⼀个permission
4. 然后调⽤api。
5. api进⾏request,response拦截，进⾏判断返回状态码和数据
6. store中的action中login()拿到数据设置token和返回数据
7. 登录界⾯handleLogin（）中的.then()进⾏回调进⾏路由跳转vuejs流程图插件
参考

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。