20

反応アプリで auth0 を使用して LinkedIn 認証を行っています。設定localhost:3000/uploadでコールバック URL を設定し、ユーザーが にログインした後にlocalhost:3000/loginにリダイレクトされるようにしましたlocalhost:3000/upload。ただし、常に次のエラーが表示されます: URLlocalhost: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)
      }
    })
  }
//....
4

6 に答える 6

1

AuthProvider への呼び出しでは、Auth0 設定のものと同じコールバック URL を使用するようにしてください。

const uri='http://localhost:3000/upload';

        <Auth0Provider
        domain={domain}
        clientId={clientId}
        redirectUri={uri}>
于 2020-09-29T10:22:35.500 に答える