import store from './store' import { Message } from 'element-ui' import NProgress from 'nprogress' import 'nprogress/nprogress.css' //auth文件主要依赖js-cookie模块,把getToken,setToken,removeToken设置在这里 import { getToken } from '@/utils/auth' //get-page-title文件主要是网站的标题,get...
getUserInfo(state.token).then(response => { if (response.status !== 200) { // 由于mockjs 不支持自定义状态码只能这样hack reject('error') } const data = response.data if (data.retData.module && data.retData.module.length > 0) { // 验证返回的roles是否是一个非空数组 commit('SET_ROL...
getUserInfo(state.token).then(response => { if (response.status !== 200) { // 由于mockjs 不支持自定义状态码只能这样hack reject('error') } const data = response.data if (data.retData.module && data.retData.module.length > 0) { // 验证返回的roles是否是一个非空数组 commit('SET_ROL...
不需要知道那个 new Promise 啥的干啥用,反正我不知道,只要知道 getUserInfo 这个方法就行了,这个方法会以上面之前保存的 token 为参数去请求获取你的用户权限,原逻辑是没有权限就跳登陆页面,我这系统需要,没权限也有个首页可看,所以 SET_ROLES 参数给了个“普通用户”,反正什么值无所谓有值,没权限就行。 下面...
vue-element--admin登录源码逻辑---获取token vue 登录权限分两步,第一步获取token,然后根据token获取权限信息 登录页面点击登录调用的方法 this.$refs.loginForm.validate((valid)=>{// debugger// 2.如果表单验证通过if(valid){this.loading=true// 3.调用登录this.$store.dispatch('user/login',this.loginFo...
setToken() 方法会把 token 保存到 cookie 里,很重要 下面有个 GetUserInfo 方法,在你登陆的时候会去获取你的权限数据 // 获取用户信息 GetUserInfo({ commit, state }) { return new Promise((resolve, reject) => { // 请求获取权限 getUserInfo(state.token).then(response => { if ...
vue-element admimn 登陆界面-将后台返回的token做传递给Header 问题: 修改登录界面,发现无法登陆? 一、login/index.vue文件下: 二、api/request.js文件 三、效果展示:
① /src/api/user.js中修改 url: '/vue-element-admin/user/info',为url: '/user/info', ② 点击登录,此时页面从登录页面跳转到了后台管理界面,但是控制台Network中有一个红的接口list,这个接口后台没有,至此登录验证及本地缓存token就完成了。
1、在登录的时候,已经获取到了token2、并且在axios的请求拦截器中添加了headers头3、然后在路由router.beforeEach中去获取用户信息路由文件代码如下://获取用户信息 if(store.state.userInfo.length==undefined){ store.commit('getUserInfo') }vuex代码如下var...
关于vue-element-admin 前言: 最近在开发一个后台管理系统,是基于vue-element-admin进行开发的,在开发过程中感受到该框架的方便同时,也感受到了面对框架所带来的的一些局限性和依赖性。某些问题导致我在开发过程中耽误了很多时间,幸好最后都一一得到解决,所以希望写下这篇文章来进行记录,以便后来的使用。