CORS ポリシー: プリフライト要求への応答がアクセス制御チェックに失敗しました: 'Access-Control-Allow-Origin' ヘッダーが要求にありません

Question

そこで、フロントエンドとバックエンドを少しいじってみました。フロントエンドからサーバーにデータを送信しようとすると、

が表示されます。

オリジン 'http://localhost:3000' から 'http://test.localhost/login' にある XMLHttpRequest へのアクセスが CORS ポリシーによってブロックされました: プリフライト要求への応答がアクセス制御チェックに失敗しました: いいえ 'Access -Control -Allow-Origin' ヘッダーが要求されたリソースに存在します。

これが私の axios onClick 設定です:

リーリー

私の axiosClient は:

リーリー

バックエンドの cors 構成は

です ああああ

Answer 1

次のように cors.php にローカルホスト IP を含めてみましたか?

リーリー

これが機能しない場合は、この構成を使用してみてください

リーリー

そして、Kernel.php のこの行をコメントにします。ただし、この構成はどこからでもリクエストを受け入れることに注意してください。そのため、デプロイする前に、バックエンドが希望の許可されたソースからリクエストを受信して​​いることを確認してください。

リーリー