在laravel 5.3中使用auth0

Question

我正在尝试将auth0与Laravel 5.3一起使用。 我写了以下代码

<script src="https://cdn.auth0.com/js/lock/10.2/lock.min.js"></script>
<script type="text/javascript">
  var lock = new Auth0Lock('M0pdPK3bUKwYuHzK3Lxx8CWEFtu0Qv2X', 'foysal.auth0.com', {
    auth: {
      redirectUrl: 'http://127.0.0.1/addbook/auth0/callback',
      responseType: 'code',
      params: {
        scope: 'openid email' // Learn about scopes: https://auth0.com/docs/scopes
      }
    }
  });
</script>

这是我在auth0中的回调设置

但是，当我尝试登录时，出现以下错误

谁能说出问题在哪里？

Answer 1

我在这里可能是错误的，但是我认为您应该在路由中定义GET变量。 这样，您还可以保持URL的美观。

Route::get('auth0/callback/{code}', ['as' => 'logincallback', 'uses' => '\Auth0\Login\Auth0Controller@callback']);

由于它是404，请尝试上面的代码，而不是执行?code=xxx只需在callback/之后添加代码（建议尝试两个URL）

这个JavaScript可以确保您的网址有效：

<script src="https://cdn.auth0.com/js/lock/10.2/lock.min.js"></script>
<script type="text/javascript">
   var lock = new Auth0Lock('M0pdPK3bUKwYuHzK3Lxx8CWEFtu0Qv2X', 'foysal.auth0.com', {
   auth: {
      redirectUrl: '{!!route('logincallback') !!}',
      responseType: 'code',
      params: {
        scope: 'openid email'
      }
    }
  });
</script>

另外，除非您的控制台中有CORS错误，否则没有cors错误。 但是，如果稍后发现它们，可能是因为您使用的是127.0.0.1，这可能会导致问题。 在这种情况下，您应该改用localhost。

Answer 2

我相信我也有同样的错误。 您是否在CORS接受的网址框中输入了http://127.0.0.1 。 我相信它与回调URL位于同一页面中。 那对我有用。