如何在 vue.js 中使用 vuex-oidc 实现 OIDC

Question

• 我们正在尝试实施 OIDC，以便用户从我们的主平台引导到辅助平台
• 调用 AutomaticSilentRenew 函数时会出现以下错误：
• 这里有什么问题吗（PFA）

OIDC 配置对象： VUE_APP_OIDC_CONFIG={"authority": "https://auth.mainPlatform.com", "clientId": "<client-id>", "redirectUri": "http://localhost:8080/oidc-callback", "popupRedirectUri": "http://localhost:8080/oidc-popup-callback", "responseType": "id_token token", "scope": "openid email", "automaticSilentRenew": true, "automaticSilentSignin": true, "silentRedirectUri": "http://localhost:8080/silent-renew-oidc.html"}

错误： {context: "authenticateOidcSilent", error: "login_required"} App.vue?234e:38 I am listening to the oidc error event in vuex-oidc context: "authenticateOidcSilent" error: "login_required"

Answer 1

这是静默续订流程中绝对标准的部分，发生的原因有两个：

• 授权服务器会话 Cookie 过期时
• 如果浏览器丢弃 AS 会话 cookie - 例如 Safari 可能会在 2020 年这样做

当您收到 login_required 错误代码时，通常的操作是重定向用户重新登录。

疑难解答

如果每个令牌更新请求都发生这种情况，我会通过 Fiddler 等工具进行调试，以查看是否正在发送 cookie。您的问题可能是由于最近浏览器对跨域 cookie 的限制所致。

如需比较，请参阅我的 Silent Token Renewal 博文。