Auth0 和 Vue.js。重定向到上一页

Question

我正在使用 auth0 处理我的 Vue.js 应用程序中的登录。

我写了一个 AuthService，我处理所有 auth0 的东西。在 constructor 中，我创建了一个新的 auth0 object。然后我将 redirectUrl (https://auth0.com/docs/libraries/lock/v11/configuration#redirecturl-string-) 设置为默认位置，我希望在该位置重定向：

import auth0 from 'auth0-js';

class AuthService {
  constructor() {
    this.auth0 = new auth0.WebAuth({
      domain: process.env.AUTH0_DOMAIN,
      clientID: process.env.AUTH0_CLIENTID,
      audience: process.env.AUTH0_AUDIENCE,
      responseType: process.env.AUTH0_RESPONSE_TYPE,
      scope: process.env.AUTH0_SCOPE,
      redirectUrl: 'http://localhost:8080/examplepage'
    });
}

所以登录有效，但我没有被重定向到我定义的位置，它停留在 http://localhost:8080。我希望在成功登录后自动重定向。怎么了？

Answer 1

我认为您需要将 redirectUrl: 更改为 redirectUri:

此外，如果您还没有，在您的 Auth0 帐户中，您需要将 Url 添加到您的 Allowed Callback URLs https://auth0.com/docs/quickstart/spa/vanillajs/01-login#configure-callback-urls

他们的命名约定似乎不一致，或者出于某种原因，这是有目的的。您处理的文档是针对 "Lock for Web" 的，它确实有 "redirectUrl" 但在 "auth0.WebAuth" 参数中它使用 redirectUri https://github.com/auth0/auth0.js and https://auth0.com/docs/users/guides/redirect-users-after-login

Auth0 和 Vue.js。重定向到上一页

Auth0 and Vue.js. Redirect to previous page

javascript

vue.js

auth0