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

Question

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

我编写了一个 AuthService，在其中处理所有 auth0 内容。在构造函数中，我创建了一个新的auth0 对象。然后我将 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 帐户中将该网址添加到您的允许的回调网址 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和 https://auth0.com/docs/users/guides/redirect-users-after-login