＆＃x27; http：// localhost：3000＆＃x27; CORS政策已阻止

Question

API：数据库的Laravel和MongoDB 正面：nuxtjs和vuetify

我有自己的API。当我在Postman上测试路线时，我有CORS错误，但是我在文件路由API.php中使用此代码解决了。

header('Access-Control-Allow-Origin:  *');
header('Access-Control-Allow-Methods:  POST, GET, OPTIONS, PUT, PATCH, DELETE');

也许有一个更好的文件可以放置此代码。但是我和邮递员一起工作。如果我需要移动此代码，请告诉我。

现在，我的实际问题，在我的正面网站上，当我想注册一个新用户时，

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.

我的文件中有一个错误：config/cors.php，我有：

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

    'allowed_methods' => ['*'],

    'allowed_origins' => ['*'],

    'allowed_origins_patterns' => [],

    'allowed_headers' => ['*'],

    'exposed_headers' => [],

    'max_age' => 0,

    'supports_credentials' => false,

];

感谢您的帮助

编辑解决方案，

我找到了答案。我只是补充： 访问控制 - 允许头：api.php中的“ content-type”

header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, PATCH, DELETE'); header('Access-Control-Allow-Headers: Content-Type') ;