1.安装oidc-client

npm install --save vuex

npm install oidc-client

2.新建oidc-client.js

1. import Oidc from "oidc-client";
2. export const mgr = new Oidc.UserManager({
3. authority: "authority",//认证服务器
4. client_id: "client_id", //表示客户端的ID，必选项
5. redirect_uri: "redirect_uri", //表示重定向URI，认证服务器回调的客户端页面。可选项

6. post_logout_redirect_uri:"logout_uri" //退出后返回的页面

7. response_type: "id_token token", // response_type：表示授权类型，必选项
8. userStore: new Oidc.WebStorageStateStore({ store: window.localStorage }),
9. scope: "", //scope：表示申请的权限范围，可选项
10. automaticSilentRenew: true,
11. });

3.所需页面引入即可

1. import { mgr } from "../oidc.js";

2. mgr.signinRedirect() //登录

3. mgr.getUser() //获取用户信息

4. mgr.signinRedirectCallback() //callback

5. mgr.signoutRedirect() //退出登录