javascript - 具有多种策略的 NuxtJs 身份验证,端点被覆盖

标签 javascript authentication oauth nuxtjs

我正在使用 NuxtJs 构建一个 Web 应用程序,并且我正在使用 nuxtjs/auth-next 对 Google 和 Facebook 身份验证提供商进行 OAuth 授权。我已经配置了授权后端点以从后端获取 token ,当我在 nuxt 配置(google 或 facebook)中只有一个策略时它可以工作,但是当我同时拥有两个登录时,两个登录都使用第一个策略的端点。我花了很多时间在这上面,如果您对如何解决这个问题有任何想法,请分享。谢谢!
编辑:这在本地主机上运行良好,我没有看到端点被覆盖,但是在部署时第一个策略的 token 端点也被应用到第二个
这是我在 nuxt.config.js 中的身份验证配置

  auth: {
    strategies: {
      facebook: {
        responseType: "code",
        endpoints: {
          token: Config.HOST + "/api/social-login/facebook/",
          userInfo: Config.HOST + "/api/auth/user/"
        },
        clientId: Config.FACEBOOK_CLIENT_ID,
        scope: ["public_profile", "email"],
        refreshToken: {
          property: "refresh_token",
          maxAge: 60 * 60 * 24 * 30
        }
      },
      google: {
        clientId: Config.GOOGLE_CLIENT_ID,
        responseType: "code",
        endpoints: {
          token: Config.HOST + "/api/social-login/google/",
          userInfo: Config.HOST + "/api/auth/user/"
        },
        codeChallengeMethod: "",
        refreshToken: {
          property: "refresh_token",
          maxAge: 60 * 60 * 24 * 30
        }
      }
    }
  }

最佳答案

auth-next的一个问题是它当时只有一种当前策略。这意味着您不能同时使用两种不同的策略登录。
假设用户使用 Facebook 登录。然后将 active 策略设置为在 nuxt.config.js 文件中找到的 facebook 策略。
然后用户用谷歌登录,auth-next 检查她/他是否登录(是的,她/他刚刚用 Facebook 登录,所以用户已登录),然后将用户发送到“登录”页面. 但是 ,不是 Google 策略配置中的那个,而是事件策略配置中的那个:Facebook。
使用 auth-next 进行实时测试和两个或多个策略,因此确保您退出所有可能的策略以查看过程非常重要。并且可能对其进行编码,以便用户在已经使用策略登录的情况下永远无法登录。
并不是说您的问题就是这种情况,只是说这是开发人员在测试前端时应该注意的事情,因为它确实会造成您的情况。

关于javascript - 具有多种策略的 NuxtJs 身份验证,端点被覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66522430/

相关文章:

azure - 404 未找到 Azure AD B2C 的 oauth2/v2.0/token 终结点

javascript - react : only map when props exists

ruby-on-rails - 在 Rails 中使用 devise 时,如何添加将以两种不同方式使用该网站的两种不同类型的用户?

oauth-2.0 - 此应用暂时禁用使用 Google 登录的功能

svn - TortoiseSVN 不要求身份验证?

delphi - DataSnap 和数据库连接/登录

php - 在Linkedin授权页面自动授权oAuth

javascript - d3.js v4 和 AngularJS 中不受信任的 HTML

javascript - 需要帮助来解释使用 oaep 哈希的 aes-256-cbc 加密

javascript - 解决 Angular 应用程序中的 Moment.js 弃用警告