背景:在一些项目中,可能会需要打通两个平台之间的权限,即为用户在当前项目,想要通过某个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:



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

被折叠的 条评论
为什么被折叠?



