COEP and COOP response headers with S3+ Cloudfront

Hi Mlasram,

Please try this solution it will be helpful for you.

To add the Cross-Origin-Embedder-Policy and Cross-Origin-Opener-Policy headers to your S3 + CloudFront website, create a response headers policy in the CloudFront console. Navigate to Policies, create a new response headers policy, and add the headers Cross-Origin-Embedder-Policy: require-corp and Cross-Origin-Opener-Policy: same-origin. Save the policy, then attach it to your CloudFront distribution by editing the desired behavior and selecting the new policy under Response headers policy. If the changes don't appear immediately, invalidate the CloudFront cache. This setup ensures the headers are consistently applied to all responses served by CloudFront.

Please look at AWS Document Link you will get more information.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cross-Origin-Opener-Policy

https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/modifying-response-headers.html

https://docs.aws.amazon.com/AmazonCloudFront/latest/DeveloperGuide/understanding-response-headers-policies.html