Nuxt3 OIDC 策略答案

【问题标题】：Nuxt 3 Authentication Strategies with OIDCNuxt3 OIDC 策略
【发布时间】：2022-10-19 18:38:12
【问题描述】：

我们已经启动了一个使用 Nuxt3 的项目，但其中的组件之一是身份验证。由于官方的 Nuxt3 Auth 包还没有准备好，人们在做什么来获得 Nuxt3 的 OIDC 身份验证？

我们正在尝试/研究一些事情：

使用 Express OIDC 中间件 - 刚刚看到此内容，但不确定这是否只是保护您通过 express 公开的内容
Next-Auth - 找到了 nuxt3 https://gist.github.com/wobsoriano/0f14bc83ad4b3e296a7e8d7d69aa55c1 的包装器 - 但似乎是实验性的
这个模块 - https://github.com/aborn/nuxt-openid-connect - 但它似乎使用了隐式流硬编码，我认为它只是客户端，在服务器上不起作用

我们真的在这里摸不着头脑，有没有人用 Nuxt3 做过 OIDC 并且可以在这里提供一些方向？

【问题讨论】：

nuxt 和 oidc 有什么关系？通常有一个常规的身份验证（本地策略），而 oidc-client-js 只是一个前端脚本。它通过前端检索一些 openid 令牌并将其发送到后端端点。后端对其进行检查并使用本地策略和本地生成的 jwt 进行身份验证。

【解决方案1】：

我们在 Nodejs (nuxt/bridge) 前面使用 Apache 作为反向代理来提供 ssl 支持和使用https://github.com/zmartzone/mod_auth_openidc 的 openid。

mod_auth_openidc 将登录凭据放在标头中，Nodejs (Nuxt) 可以从标头中挑选信息。

【讨论】：