单点登录有效减少繁琐的登录操作，优化了用户体验

单点登录

单点登录主要功能在后端，这里只讲述使用 pure-admin 前端代码如何实现
下面以完整版为例，精简版想要开启单点登录只需将 import "@/utils/sso" (opens new window) 注释解开即可

前端实现步骤划分

• 先判断是否为单点登录，不为则直接返回不再进行任何逻辑处理，下面是单点登录的处理步骤

1. 清空本地旧信息 (opens new window)
2. 获取 url 中的重要参数信息，然后通过 setToken 保存在本地 (opens new window)
3. 删除不需要显示在 url 的参数，这样做更安全 (opens new window)
4. 使用 window.location.replace 跳转正确页面，window.location.replace 可以替换浏览器历史记录项 (opens new window)

完整代码

点击查看完整代码 (opens new window)

url 格式

以平台的预览地址为例

完整地址 https://pure-admin.github.io/vue-pure-admin/#/welcome?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin

https://pure-admin.github.io/vue-pure-admin  域名

/#/welcome  要跳转的页面（这里是hash路由模式，根据实际情况修改即可）

?username=sso&roles=admin&accessToken=eyJhbGciOiJIUzUxMiJ9.admin  需要携带的三个（username、roles、accessToken）必传参数

测试地址

• 线上测试地址

demo1 (opens new window) demo2 (opens new window) demo3 (opens new window)

• 本地运行测试地址（需要先在本地运行平台哦，完整版、精简版下面地址都支持）

demo1 (opens new window) demo2 (opens new window) demo3 (opens new window)