authentication - Auth0 回调 URL 不匹配

Question

我正在 React 应用程序中使用 auth0 进行 LinkedIn 身份验证。我设置了localhost:3000/upload在设置中的回调url中，希望用户登录后localhost:3000/login ，它们将被重定向到 localhost:3000/upload 。但是，我总是收到此错误: url localhost:3000/login不在回调 url 列表中。为什么auth0在登录后会期望返回到刚刚登录的页面。不应该是一些不同的url吗？这对我来说毫无意义。

编辑:

export default class AuthService {
  constructor(clientId, domain) {
    // Configure Auth0
    const options = {
      allowedConnections: ['linkedin'],
      auth: {
        params: {responseType: 'code'}
      }
    };  
    this.lock = new Auth0Lock(clientId, domain, options)
    // Add callback for lock `authenticated` event
    this.lock.on('authenticated', this._doAuthentication.bind(this))
    // binds login functions to keep this context
    this.login = this.login.bind(this)
    this.loggedIn = this.loggedIn.bind(this)
  }

  _doAuthentication(authResult){
    // Saves the user token
    console.log(authResult);
    this.setToken(authResult.idToken)
    this.lock.getProfile(authResult.idToken, (error, profile) => {
      if (error) {
        console.log('Error loading the Profile', error)
      } else {
        console.log(profile)
      }
    })
  }
//....

Answer 1

请确保两件事:

1).在您的 react 应用程序代码中

 responseType: 'code'

2).在 Auth0 仪表板上的“设置”->“允许的回调 URL”下，输入您的回调条目 (localhost:3000/upload) - 我认为您已经这样做了，但以防万一。

如果您仍然遇到问题，请告诉我。