Reactjs を使用するときに Cross-Origin-Opener-Policy を設定する方法

Question

React アプリの「Cross-Origin-Opener-Policy ポリシーにより window.closed call が防止されます」エラーを解決するにはどうすればよいですか?このエラーは、サーバーに設定されている Cross-Origin-Opener-Policy (COOP) ポリシーに関連しているようです。このエラーを処理し、COOP ポリシーの制限を遵守しながら React アプリが適切に実行されるようにするにはどうすればよいですか? ここに画像の説明を入力

これまでに検索して、設定する必要があることがわかりました。 Cross-Origin-Opener-Policy: unsafe-none Cross-Origin-Opener-Policy: 同一オリジン許可ポップアップ Cross-Origin-Opener-Policy: 同一オリジン しかし、どこにどのように設定すればよいのかわかりません。

Answer 1

$ npm インストール cors

リーリー

詳細については、こちらをご覧ください: https://www.npmjs.com/package/cors

注: CORS は、API を実行しているサーバーで有効にする必要があります。クライアント コードでこの機能を有効にすることはできません。 API が CORS をサポートしている場合、ブラウザはリクエストを開始します