Почему запрос axios /sanctum/csrf-cookie в vuejs для laravel Sanctum возвращает 204 No Content? ⇐ Php

[Anonymous]

Я пытаюсь использовать laravel 8 Sanctum в своем приложении vuejs 2 Spa и создал 2 приложения.
Но выполняется запрос со страницы SPA:

Код: Выделить всё

  axios.get('/sanctum/csrf-cookie').then(response => {
console.log('response::')
console.log(response)

})

Меня вернули:

Код: Выделить всё

status: 204, statusText: "No Content"

Я следил за некоторыми статьями, например: https://blog.codecourse.com/setting-up- ... -with-vue/
и, кажется, я следил за этим в серверном приложении, как:
В .env я добавил/изменил строки:

Код: Выделить всё

SESSION_DOMAIN=localhost
SANCTUM_STATEFUL_DOMAINS=localhost

SESSION_DRIVER=cookie

я запускаю клиент на http://localhost:8080/ хосте
В /routes/api.php я изменил:

Код: Выделить всё

Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
return $request->user();
});

//Route::middleware('auth:api')->get('/user', function (Request $request) {
//    return $request->user();
//});

В config/cors.php:

Код: Выделить всё

'paths' => [
'api/*',
'/login',
'/logout',
'sanctum/csrf-cookie'
],

'supports_credentials' => true,

В config/sanctum.php:

Код: Выделить всё

    'stateful' => explode(',', env(
'SANCTUM_STATEFUL_DOMAINS',
'localhost:8080,localhost,localhost:3000,127.0.0.1,127.0.0.1:8000,::1,'.parse_url(env('APP_URL'), PHP_URL_HOST)
)),
...
'middleware' => [
'verify_csrf_token' => App\Http\Middleware\VerifyCsrfToken::class,
'encrypt_cookies' => App\Http\Middleware\EncryptCookies::class,
],

Я изменил app/Http/Kernel.php:

Код: Выделить всё

protected $middlewareGroups = [
'api' => [
\Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
'throttle:api',
\Illuminate\Routing\Middleware\SubstituteBindings::class,
],
'web' => [
\App\Http\Middleware\EncryptCookies::class,
\Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
\Illuminate\Session\Middleware\StartSession::class,
// \Illuminate\Session\Middleware\AuthenticateSession::class,
\Illuminate\View\Middleware\ShareErrorsFromSession::class,
\App\Http\Middleware\VerifyCsrfToken::class,
\Illuminate\Routing\Middleware\SubstituteBindings::class,
],

];

Ища решения в сети, я нашел несколько веток с решением, например
SPA vue frontend и Laravel 7 backend Sanctum
Я попробовал измените файл app/Providers/RouteServiceProvider.php,
но изначально он был другим, как указано в ветке выше:

Код: Выделить всё

Подробнее здесь: [url]https://stackoverflow.com/questions/67285547/why-axios-request-sanctum-csrf-cookie-in-vuejs-to-laravel-sanctum-returns-204-n[/url]