Запрос не выполнен с кодом состояния 419 — Nextjs и Laravel Sanctum ⇐ Php

[Anonymous]

У меня есть два проекта: Laravel 8 и Next.js. Когда я отправляю запрос GET, все работает гладко, но при отправке запроса POST возникает ошибка. Я пробовал различные решения, но проблема не устранена. Ниже приведен код, который я использую.

< /p>
окружение

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

APP_URL=:http://127.0.0.1:8000
FRONTEND_URL = http://localhost:3000
SESSION_DRIVER=cookie
SESSION_DOMAIN='localhost'
SANCTUM_STATEFUL_DOMAINS='localhost,127.0.0.1'

cors.php

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

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

'allowed_methods' => ['*'],

'allowed_origins' => [env('FRONTEND_URL','http://localhost:3000')],

'allowed_origins_patterns' => [],

'allowed_headers' => ['*'],

'exposed_headers' => [],

'max_age' => 0,

'supports_credentials' => true,

web.php

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

Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
return $request->user();
});
Route::post('data/save','HomeController@save_data') ;

фронтенд
axios.ts

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

const customFetch = axios.create({
baseURL: 'http://127.0.0.1:8000/' ,
headers:{
"X-Requested-With": "XMLHttpRequest",
'Content-Type': 'application/json',
},
withCredentials:true,
//withXSRFToken: true,
})

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

  const csrf =  await customFetch.get('sanctum/csrf-cookie');
const response = await customFetch.post('data/save', visa_data);

Я пытался использовать

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

withXSRFToken: true, 

в файле axios
но то же самое

Подробнее здесь: https://stackoverflow.com/questions/787 ... el-sanctum