Vue：A系统登录跳转到B系统主页，B系统免密登录

最新推荐文章于 2026-01-22 18:51:59 发布

原创最新推荐文章于 2026-01-22 18:51:59 发布 · 6.4k 阅读

33 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #前端 #开发语言

收录于

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何通过在A系统登录后携带token跳转至B系统，实现在B系统免密登录的功能。主要涉及的技术包括窗口打开操作、URL参数解析以及本地存储。在A系统登录后，使用`window.open`添加token到URL，然后在B系统的`main.js`中解析这个token并存储到localStorage中，从而完成身份验证。

A系统和B系统的登录用的是同一个接口，但是登录之后的主页内容不一样。

现在的要求是在A系统进行登录，然后直接跳转到B系统的home页面，B系统免密登录。

在A系统登录之后添加代码：

window.open('http://localhost:8080/home?token=' + this.$store.state.token)

然后再B系统的main.js添加代码去接收这个token

// 从网址获取token
let x = window.location.search.substring(1)
// 如果token存在就说明是从A系统跳转过来的
if (x) {
  // 取“=”之后的token
  let y = x.indexOf('=')
  let z = x.substring(y + 1)
  // 把token存进B系统
  localStorage.setItem('token', z)
}