vue3 提供一个页面路由,通过token加密参数,内部验证参数,验证通过,内部直接通过,重定向到某个页面,如何实现呢?

vue3 提供一个页面路由,通过加密token参数路由传参,路由内部验证参数(调取后台接口解密token,验证用户信息),验证通过,内部实现登录操作,直接不走登录页直接重定向进入到登录后的某个页面,如何实现呢?

阅读 3.5k
4 个回答

大概的明白了你的需求,应该是把你做好的系统集成到其它平台,别人平台有一个单独入口,点击入口直接跳转到你的系统,不需要登录了。

具体实现思路如下:

1.首先定义一个空白页面,这个页面相当于一个入口页面,和login登录页面类似,注册一个路由,需要添加路由白名单
2.通过url上获取的token,在这个页面里面写校验token的逻辑(调用后端校验的接口),如果校验通过,缓存用户信息以及token信息,跳转到系统首页,如果校验不通过直接返回第三方系统的登录页面
3.提供给其它系统这个入口路由,别人访问的时候就会带上token访问,比如ip+host/toHome?token=xxxx这样大概就实现了,跳转无需登录

路由守卫里面读取token,有就下一步,没有你跳到一个固定页面就行。

aixos res 拦截 根据返回的http状态码 决定是否跳转登陆页面

从描述来看是存在两个独立的系统,并且部署的为不同的域名。
iframe嵌套方式

  1. 需要跳转的系统提供一个空白页面,空白页面的作用:从url参数中获取加密后的token
  2. 当前系统提供一个承载页面,用户加密token,并验证参数
  3. 验证成功之后调用1的空白页面,1来决定跳转到哪里

微前端:
宿主系统处理完之后传递给子系统,可以使用single-spa或者qiankun

推荐问题
logo
Microsoft
子站问答
访问
宣传栏