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帐户中将网址添加到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和https://auth0.com/docs/users/guides/redirect-users-after-login

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

1 个答案: