API: Laravel y MongoDB para base de datos Frente: NuxtJs y Vuetify
Tengo mi propia API. Cuando pruebo mis rutas en Postman, tuve un error cors, pero lo resolví con este código en el archivo route api.php.
header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, PATCH, DELETE');
Tal vez, hay un archivo mejor para poner este código. Pero trabajo con Postman. Si necesito mover este código, dímelo por favor.
Ahora, mi problema real, en mi sitio principal, cuando quiero registrar un nuevo usuario, tengo este error
Blocage d'une requête multiorigine (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur http://127.0.0.1:8000/api/register. Raison : l'en-tête « content-type » n'est pas autorisé d'après l'en-tête « Access-Control-Allow-Headers » de la réponse de pré-vérification des requêtes CORS. Access to XMLHttpRequest at 'http://127.0.0.1:8000/api/register' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.
En mi archivo: config/cors.php tengo:
'paths' => ['api/*', 'sanctum/csrf-cookie'], 'allowed_methods' => ['*'], 'allowed_origins' => ['*'], 'allowed_origins_patterns' => [], 'allowed_headers' => ['*'], 'exposed_headers' => [], 'max_age' => 0, 'supports_credentials' => false, ];
Gracias por tu ayuda
Editar resuelto
He encontrado la respuesta. Solo agrego: Access-Control-Allow-Headers: 'Content-Type' en api.php
header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, PATCH, DELETE'); header('Access-Control-Allow-Headers: Content-Type') ;