laravel_token 对第一个请求有效，但对后续请求无效

Question

我已经安装了 Laravel Passport 并根据文档进行了配置。从我的 VueJS 文件调用 axios.get 时，第一个调用按预期工作。将laravel_sessionRequest Cookie注入到请求中，认证通过，返回资源。

当我再次尝试调用axios.get 方法时，我的问题出现了。我的用例是一个搜索功能。每当用户输入文本字段时，我都会使用以下代码调用/api/banking/accounts/search/{search-term}：

remoteMethod(query) {
            if (query !== '') {
                this.loading = true;

                axios.get(
                    `/api/banking/accounts/search/${escape(query)}`
                ).then(res => {
                    this.destinationAccountDirectory = res.data;
                    this.loading = false;
                });
            } else {
                this.destinationAccountDirectory = [];
            }
        },

此代码在路由上没有任何 auth:api 中间件的情况下运行良好，并且第一次使用 auth:api 中间件。从下面的屏幕截图中可以看出，laravel_token 的值发生了变化，并在后续调用 API 时被拒绝。

**我试图删除在护照安装期间添加到web 中间件组的\Laravel\Passport\Http\Middleware\CreateFreshApiToken，这似乎暂时解决了这个问题，直到不久后我收到一个请求的 419。什么可能导致新的 laravel_tokens 被拒绝？ **

Answer 1

我通过从我的 API 路由中删除 web 中间件解决了这个问题。一开始它为什么会在那里，我不知道。

我从

更改了我的 api.php

Route::group([
    'middleware' => [
        'web',
        'auth:api']], function() {

    Route::post('/banking/transactions', 'TransactionController@store');

    Route::get('/banking/accounts', 'BankAccountDirectoryController@index');
    Route::get('/accounts/{account}', 'BankAccountDirectoryController@show');
    Route::get('/banking/accounts/search/{term?}', 'BankAccountDirectoryController@search');
});

到

Route::group([
    'middleware' => [
        'auth:api']], function() {

    Route::post('/banking/transactions', 'TransactionController@store');

    Route::get('/banking/accounts', 'BankAccountDirectoryController@index');
    Route::get('/accounts/{account}', 'BankAccountDirectoryController@show');
    Route::get('/banking/accounts/search/{term?}', 'BankAccountDirectoryController@search');
});

API 路由应该在 web 组下以受益于中间件，还是纯粹为了 UI？我这样做安全吗？