Laravel Sanctum authentification avec React

Bonjour. j'ai un pb avec l'authentification de sanctum. dans mon code LoginController je verifie les credentials puis si tout est bon je retourne le jeton d'Api

 1public function login(Request $request)
 2{
 3    $credentials = $request->only(['email', 'password']);
 4 
 5    if (Auth::attempt($credentials)) {
 6        // Récupérer l'utilisateur authentifié
 7        $user = Auth::user();
 8 
 9        // Générer un jeton d'API pour l'utilisateur
10        // ...
11        $token = $user->createToken('Token Name')->plainTextToken;
12 
13        // Retourner le token dans la réponse JSON
14        return response()->json(['token' => $token], 200);
15    } else {
16        return response()->json(['error' => 'Unauthorized'], 401);
17    }
18}
 1public function login(Request $request)
 2{
 3    $credentials = $request->only(['email', 'password']);
 4 
 5    if (Auth::attempt($credentials)) {
 6        // Récupérer l'utilisateur authentifié
 7        $user = Auth::user();
 8 
 9        // Générer un jeton d'API pour l'utilisateur
10        // ...
11        $token = $user->createToken('Token Name')->plainTextToken;
12 
13        // Retourner le token dans la réponse JSON
14        return response()->json(['token' => $token], 200);
15    } else {
16        return response()->json(['error' => 'Unauthorized'], 401);
17    }
18}

et ici jái ma route vers le login

1Route::post('v1/login', [LoginController::class, 'login']);
1Route::post('v1/login', [LoginController::class, 'login']);

ici mon code React qui test l'auth

 1import axios from 'axios';
 2 
 3const csrfTokenElement = document.querySelector('meta[name="csrf-token"]');
 4const csrfToken = csrfTokenElement ? csrfTokenElement.getAttribute('content') : null;
 5 
 6axios.defaults.headers.common['X-CSRF-TOKEN'] = csrfToken || '';
 7 
 8// axios.defaults.withCredentials = true;
 9// axios.defaults.withXSRFToken = true;
10 
11export async function signInRequest (email: string, password: string) {
12    // console.log(email, password);
13 
14    try {
15        const response = await axios.post(`http://localhost:8000/api/v1/login`, {
16            email,
17            password
18        });
19 
20        console.log(response.data);
21        // localStorage.setItem('token', response.data.token);
22    } catch (error) {
23        console.error('Erreur lors de l\'authentification : ', error);
24        throw error;
25    }
26}
 1import axios from 'axios';
 2 
 3const csrfTokenElement = document.querySelector('meta[name="csrf-token"]');
 4const csrfToken = csrfTokenElement ? csrfTokenElement.getAttribute('content') : null;
 5 
 6axios.defaults.headers.common['X-CSRF-TOKEN'] = csrfToken || '';
 7 
 8// axios.defaults.withCredentials = true;
 9// axios.defaults.withXSRFToken = true;
10 
11export async function signInRequest (email: string, password: string) {
12    // console.log(email, password);
13 
14    try {
15        const response = await axios.post(`http://localhost:8000/api/v1/login`, {
16            email,
17            password
18        });
19 
20        console.log(response.data);
21        // localStorage.setItem('token', response.data.token);
22    } catch (error) {
23        console.error('Erreur lors de l\'authentification : ', error);
24        throw error;
25    }
26}

le pb est que je lorsque je j'utilise la methode post ça ne marche pas j'ai une erreur de type : POST http://localhost:8000/api/v1/login 419 (unknown status) mais quand j'utilise get j'obtient bien mon token. mais pour des raisons de securité je dois use post donc j'aimerais comprendre qu'es ce qui peut causer cela ?