目前我用的是vue-admin-better框架,
实现的功能是,在地址后面拼接个token,如果有token,则直接跳转到首页,若没有token,则跳转到登录页面,实现跨系统跳转免登录
其实很简单,首先考虑一下路由守卫的作用,在进入登录页面前,首先经过的是路由守卫
那么,
第一步:找到你获取token的位置
(一般情况下都会分为三步,一获取二存储三清除,在获取到token后,都会存储在localStorage里面,再做其他调用)
第二步:
获取浏览器地址:const url = new URL(window.location.href)
创建一个新的URLSearchParams对象,用于处理URL的查询参数:
const params = new URLSearchParams(url.search)
获取查询参数中的token值:const token = params.get('token')
这个时候你已经获取到了链接里面的token了
第三步:在获取用户信息之前,肯定需要传token的,即根据token获取用户信息
在这个阶段可以先做一下判断,如下:
第四步:将获取的token作为参数查询用户信息,获取动态路由,最后获取到用户信息和路由数据后路由守卫会直接放行到首页,否则,放行到登陆页面