Ich habe den Fehler „419 (Unbekannter Status)“ mit der Fehlermeldung „CSRF-Token stimmt nicht überein“ erhalten.
POST http://127.0.0.1:8000/login 419 (unbekannter Status)
CSRF-Token stimmt nicht überein.
Laravel服务器:http://127.0.0.1:8000
Vue服务器:http://localhost:8080
应用程序/Http/Kernel.php
'api' => [ LaravelSanctumHttpMiddlewareEnsureFrontendRequestsAreStateful::class, 'throttle:api', IlluminateRoutingMiddlewareSubstituteBindings::class, ],
应用程序/模型/User.php
配置/cors.php
[ 'api/*', 'sanctum/csrf-cookie', 'registrieren', 'Anmeldung', ], 'allowed_methods' => ['*'], 'allowed_origins' => ['*'], 'allowed_origins_patterns' => [], 'allowed_headers' => ['*'], 'exposed_headers' => [], 'max_age' => 0, 'supports_credentials' => WAHR, ];
.env
SESSION_DRIVER=Cookie SESSION_DOMAIN=localhost SANCTUM_STATEFUL_DOMAINS=localhost:8080
src/main.js
axios.interceptors.request.use((config) => { config.baseURL = 'http://127.0.0.1:8000' config.withCredentials = true Konfiguration zurückgeben })
src/views/auth/Login.vue
axios aus 'axios' importieren import { reactive } from '@vue/reactivity'; Standard exportieren { aufstellen() { const credential = reactive({ Email: '', Passwort: '', }) const login = async () => { axios.get('/sanctum/csrf-cookie').then( async () => { let Response = waiting axios.post('/login', credential) console.log(response); }); } return { login, credential } } };
我在处理这个相同问题上遇到了困难。经过几次搜索,我找到了这个页面。在看到可能的建议解决方案后,我修改了
为
然后就好了!它正常工作了!!
您将
SANCTUM_STATEFUL_DOMAINS
设置为localhost:8080
,但其余代码显示您正在使用8000端口而不是8080端口。如果您将其更改为8000,您应该是正常的。