Bei Vue + Laravel Sanctum tritt der Fehler 419 aufgrund einer Nichtübereinstimmung des CSRF-Tokens auf
P粉237029457
P粉237029457 2023-08-24 22:17:54
0
2
592

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 } } }; 

P粉237029457
P粉237029457

Antworte allen (2)
P粉073857911

我在处理这个相同问题上遇到了困难。经过几次搜索,我找到了这个页面。在看到可能的建议解决方案后,我修改了

SANCTUM_STATEFUL_DOMAINS=localhost:8080

SANCTUM_STATEFUL_DOMAINS=http://localhost:8080

然后就好了!它正常工作了!!

    P粉908643611

    您将SANCTUM_STATEFUL_DOMAINS设置为localhost:8080,但其余代码显示您正在使用8000端口而不是8080端口。如果您将其更改为8000,您应该是正常的。

      Neueste Downloads
      Mehr>
      Web-Effekte
      Quellcode der Website
      Website-Materialien
      Frontend-Vorlage
      Über uns Haftungsausschluss Sitemap
      Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!