使用Passport进行Ajax调用：Laravel

Question

我在基于Passport的应用程序中使用Laravel-5.7。这是我第一次使用Laravel处理任何Passport应用程序。我能够成功生成oauth_access_token。但是，在我的应用程序中集成Passport会中断运行ajax调用。我试图在互联网上找到解决方案，但我错过了一些观点。

无论何时，我发出ajax请求，我得到这个结果{"message":"Unauthenticated."}

由于此路由应该在管理面板中使用，因此它会使用受保护的路由。这是我的ajax调用的Javascript代码：

jQuery(function ($) {
    startTime();
    $('button[name="controller"], button[name="generateApi"]').on('click', function () {
        var url = "";
        var button = $(this);
        var data = {api_token: "{!! $user->api_token !!}"};

        if (button.hasClass('tre')) {
            url = "{{ route('abc') }}";
        } else {
            url = "{{ route('xyz') }}";
            data.dataId = button.data('id');
        }

        var x = document.cookie;
        $.ajax({
            url: url,
            headers: {
                    "X-CSRF-TOKEN" : '{{ csrf_token() }}',
                    "Authorization": "Bearer " + "{{ Cookie::get('laravel_token') }}",
            },
            type: 'post',
            dataType: 'json',
            data: data,
        }).done(function (res) {

            if (button.hasClass('tre')) {
                $('input[name="apiKey"]').val(res.apiKey);
                return true;
            }

            $(button).toggleClass('btn-success btn-danger');
        });
    });
});

API路线声明：

Route::post('functionCall', ['middleware' => 'auth:api', 'uses' => 'XYZ@functionCall', 'as' => 'xyz']);

请帮我理清这段代码中缺少的内容。

Answer 1

如果您使用Javascript消费自己的API，则需要将中间件Laravel\Passport\Http\Middleware\CreateFreshApiToken::class添加到您的路线中。见文档：https://laravel.com/docs/5.6/passport#consuming-your-api-with-javascript。