@ControllerpublicclassLoginController{@CrossOrigin@PostMapping(value = "/vue-admin-template/user/login")@ResponseBodypublicMaplogin(){ HashMap<String, Object> response =newHashMap<>(); HashMap<String, Object> responseData =newHashMap<>(); responseData.put("token",1); response.put("code",200...
vue-admin-template登录接口请求详解在Github拉项目下来运行,Chrome开发者模式调试登录接口点击Login按钮可以发现产生了如下两个请求 点开Login请求,发现传入的是表单中的用户名和密码,返回的是一个"admin-token"点开info请求,传入的是前面的token,返回的是如下的信息 ...
将接口改成自己的就可以实现,然后记住修改全局的配置,需要重启前端项目。 总得来说,将登录接口改成自己的需要完成,两个接口,一个是登录接口获取token,第二个根据第一个接口获取到的token,从而获取用户信息,最后就是修改自己请求接口配置了。记住,接口数据由哪些组成,不懂的可以参照mockjs里面user.js部分。 以上是本...
reject)=>{login(qs.stringify({Account:userInfo.username,PassWord:m_psw})).then(response=>{const{data}=response//console.log(data)if(data.MsgSuccessed){vartoken=data.MsgContentcommit('SET_TOKEN',token)setToken(token)resolve()}else{
上一篇了完成了项目初始化,但是那个只是把 vue-admin-template 模版简单的初始化了一下,新增了tagsview标签快捷导航栏,其他的没什么变化。 这一篇了就完成了和后端的Jwt token认证,登录,退出,基本的table list接口数据请求。首先看看效果。 其实看起来和第一篇的初始化效果差不多,唯一的区别是,第一篇初始化接口还...
3.用户点击登录的时候,调用vuex当中的异步请求进行一个token的存储 4.有token就代表有身份了,根据token是否存在再去路由守卫中判断有没有获取当前用户信息,如果没有则就调用用户信息的一个相关接口 ,此刻提取接口信息中关于访问权限的相关组件名称在vuex中return返回出来这个包含路由权限相关的数组 ...
export function getInfo(token) { return request({ url: 'userinfo', method: 'get', params: { token } }) } 此时可以发现模板采用的登陆方式是请求两次,第一次通过用户名密码请求后端,后端判断后,返回对应的token。然后在通过getInfo方法请求后端,获取用户真实信息。
// 确定用户是否已登录consthasToken=getToken();lettoken=sessionStorage.getItem("token");if(token){if(to.path==="/login"){// 如果已登录,请重定向到主页next({path:"/"});NProgress.done();}else{consthasGetUserInfo=store.getters.name;if(hasGetUserInfo){next();}else{try{// 获取用户信息...
4.有token就代表有身份了,根据token是否存在再去路由守卫中判断有没有获取当前用户信息,如果没有则就调用用户信息的一个相关接口 ,此刻提取接口信息中关于访问权限的相关组件名称在vuex中return返回出来这个包含路由权限相关的数组 5.拿到这个返回值之后(假设记作为menus),我们与我们的动态路由表进行一个过滤的操作,将...
这里也很简单,表单对用户名和密码做校验,校验通过,然后去请求 login 接口。请求成功,保存 token。跳转到路由。如果redirect存在,就跳转到redirect,否则跳转到首页。 获取用户信息 用户登录成功之后,会在全局钩子router.beforeEach中拦截路由,判断是否已获得 token,在获得 token 之后我们就要去获取用户的基本信息了。我们在...