在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位於同一頁面中。 那對我有用。