vue3如何实现单点登录

const TOKEN_KEY = "token";
export const isLogined = () => {
  return Cookies.get(TOKEN_KEY);
};

export const toLogin = (next) => {
  const ssoUrl = loginSetup.sso;
  location.replace(ssoUrl + "?login=" + location.origin);
};

//路由守卫
router.beforeEach((to, from, next) => {
  //请求登录
  if (to.path !== "/login" && ssoIsToLogin() === true) {
    if (isLogined()) {
      ssoReturn(location.href, next("/"));
    } else {
      next("/login");
    }
    return;
  }

  //请求退出
  if (ssoIsToLogout() === true) {
    ssoLogout();
    return;
  }

  。。。
});
export const ssoIsToLogin = () => {
  return location.href.indexOf("?login") >= 0;
};
export const ssoIsToLogout = () => {
  return location.href.indexOf("?logout") >= 0;
};
export const ssoReturn = (origin, defaultDo) => {
  const p = origin.indexOf("?login=");
  if (p >= 0) {
	//附上token返回子系统
    const url = origin.substr(p + 7) + "?token=" + getToken();
    location.replace(url);
  } else {
    defaultDo();
  }
};

//登出
logout(() => {
  toLogout();
});

export const logout = (callback) => {
  _beforeLogout(callback);
};
function _beforeLogout(callback) {
  //先通知后端退出，然后执行相关操作和回调函数
  logoutApi().then(() => {
    _clearLoginInfo();//清除cookie等

    if (callback) callback();
  });
}
export const toLogout = () => {//通知登录模块
  const ssoUrl = loginSetup.sso;
  location.replace(ssoUrl + "?logout");
};