JQuery を介して Cloudfront ディストリビューションに AJAX リクエストを行う Heroku アプリがあります。myapp.herokuapp.com から自分の Web サイトを読み込むと、すべてが完全に機能します。
カスタム ドメイン (myapp.subdomain.domain.com のようなもの) からアプリにアクセスすると、次のようになります。
XMLHttpRequest cannot load [cloudfront dist here]/something.json. Origin http://myapp.subdomain.domain.com is not allowed by Access-Control-Allow-Origin.
それはかなり奇妙です。私の S3 CORS 設定では、次のドメインをすべて許可しています*
。
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<MaxAgeSeconds>3000</MaxAgeSeconds>
<AllowedHeader>Authorization</AllowedHeader>
</CORSRule>
</CORSConfiguration>
なぜこれが起こるのでしょうか?何か案は?