2017-11-06 56 views
0

CloudFrontからページを読み込もうとしていますが、svgが不足している画像として表示されています。CloudFrontがS3から配信されたsvgのContent-Typeヘッダーを転送しないのはなぜですか?

私はレスポンスヘッダに見たとき、私は私が直接S3バケットをロードすると、応答が適切なコンテンツ・タイプが含まれていることを参照してください。画像/ SVG + xmlの

$ curl -I https://s3-eu-west-1.amazonaws.com/pages.ivizone.com/1/19/1509969889/images/kenzo-logo-v2.svg 
HTTP/1.1 200 OK 
x-amz-id-2: k3+bRpJLp+avBaUWO4VSgB+Djxb+nebnGJs3u6kQ0rMeX95h3XeLHA03XYaWioat+JqNG6x61x8= 
x-amz-request-id: 43D8ED0E9EB4490C 
Date: Mon, 06 Nov 2017 15:06:13 GMT 
Last-Modified: Mon, 06 Nov 2017 14:08:00 GMT 
ETag: "4b8f9e399ec9bc166040a2641cf33fb3" 
Accept-Ranges: bytes 
Content-Type: image/svg+xml 
Content-Length: 9484 
Server: AmazonS3 

しかし、私はCloudFrontを通過し、ヘッダーがありません:

$ curl -I https://pages.ivizone.com/1/19/1509969889/images/kenzo-logo-v2.svg 
HTTP/1.1 200 OK 
Content-Length: 9484 
Connection: keep-alive 
Date: Mon, 06 Nov 2017 14:01:01 GMT 
Last-Modified: Mon, 06 Nov 2017 12:04:52 GMT 
ETag: "4b8f9e399ec9bc166040a2641cf33fb3" 
Server: AmazonS3 
X-Cache: RefreshHit from cloudfront 
Via: 1.1 ed9babcd75a95b818a6df1694ba95225.cloudfront.net (CloudFront) 
X-Amz-Cf-Id: va4AIkAzw7-tNZ-qQo4KA_czM29tFQAzmNH_P0wjYd_TiboSBAyohA== 

この結果、画像のレンダリングに問題が発生しています。

Cloudfrontがヘッダーを削除する理由を誰にも知っていて、それを修正する方法はありますか?

ありがとうございます!

答えて

0

[OK]をクリックします。 S3にSVG画像をアップロードする際、私はS3オブジェクトのメタデータにコンテンツタイプ文字列を追加する必要がありました:

"image/svg+xml" 

(スペースなし)

私はアップロード時にこれを追加すると、画像が適切に提供されました。

S3はデフォルトでコンテンツタイプヘッダーを送信しないため、私のブラウザーはおそらくsvgを誤ったフォーマットで解釈していました。ヘッダーを指定することにより、ヘッダーを処理する方法を知っていた

関連する問題