[新機能] Amazon CloudFrontãŒCORSã«å¯¾å¿œã—ã¾ã—㟠| DevelopersIO特ã«å•é¡Œã¨ãªã‚‹ã®ãŒS3ã®å ´åˆã§ã—ãŸã€‚EC2インスタンス上ã®Webアプリケーションã§ã‚ã‚Œã°Originヘッダã®æœ‰ç„¡ã«é–¢ä¿‚ãªãAccess-Control-Allow-Originヘッダを返ã™ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€S3ã®CORS機能ã¯ä»•æ§˜é€šã‚Šã®å®Ÿè£…ã§ã‚ã‚‹ãŸã‚OriginヘッダãŒå˜åœ¨ã—ãªã„å ´åˆã¯Access-Control-Allow-Originヘッダを返ã—ã¾ã›ã‚“。具体的ã«ã¯ã€ä»¥ä¸‹ã®æ§˜ãªæŒ™å‹•ã«ãªã‚Šã¾ã™ã€‚ã¾ãšã¯Originヘッダをã¤ã‘ãªã„（åŒä¸€ãƒ‰ãƒ¡ã‚¤ãƒ³ï¼‰ã®å ´åˆã§ã™ã€‚curlコマンドã§Static Website Hostingを有効ã«ã—ãŸS3ãƒã‚±ãƒƒãƒˆhoge.example.com.s3-website-ap-1.amazonaws.comã«å¯¾ã—ã¦ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚ $ curl -I hoge.example.com.s3-website-ap-1.amazonaws.com/hoge HTTP/1
![[新機能] Amazon CloudFrontãŒCORSã«å¯¾å¿œã—ã¾ã—㟠| DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/05bf92c3dad6e282bf2cded7bb4b61f42547e50e/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F05%2FAmazon_CloudFront.png)
EC2ã®t1.microã‚’t2.microã¸ç§»è¡Œã™ã‚‹ : ã‚¢ã‚¸ãƒ£ã‚¤ãƒ«æ ªå¼ä¼šç¤¾
{{#tags}}- {{label}}
{{/tags}}