vue项目用户免登录逻辑(一个项目跳转另一个项目指定页面,无需输入账号密码登陆)

本文介绍了如何在A和B项目间实现用户权限互通,通过修改B项目的路由守卫逻辑,当从A项目跳转时,利用code参数验证并通过后端获取token,从而实现用户无需再次登录即可访问B项目。关键代码展示了如何在路由拦截和后端接口交互中配合完成这一过程。

背景:在一些项目中,可能会需要打通两个平台之间的权限,即为用户在当前项目,想要通过某个button或者链接跳转到另一个项目(简称从A跳到B)的制定路由页面,那么根据一般情况,用户会被另一个项目阻拦在登陆页面,进行登陆,所以我们需要改一下B项目的登陆逻辑------通常来说:我们在登陆页面会通过点击button并携带账号密码给后端发请求,后端验证账号密码正确返回一个token,此时浏览器存入token就可以进入项目,由于此项目需要打通两个平台,所以我们可以将B项目的登陆逻辑这样处理:用户在从A项目的某个button或者链接跳转到B的时候,B进行路由的全局守卫进行拦截,此时前后端需要约定好逻辑,此项目逻辑如下:在用户点击A项目的某个button进行跳转的同时给后端发请求,若请求成功,后端会返回新项目的域名+参数(比如规定好是code值);例如:原先访问B项目的地址是http://11.222.3.44/#/login,而后端返回的url是:http://11.222.3.44/#/login?code=12345,此时需要在路由守卫里进行判断,如果有url中有code值即向后端发请求并传参(code值),这时若请求并后端验证成功,即可返回一个token,用户即可不用填写账号密码直接进入项目;ok!打通A---B项目!具体代码:

1、A项目跳转的button:

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值