Nginx Proxy S3固有のhtmlファイル

Question

私は自分のlocalhost上に自分のファイルを置く前に、私はそれらをうまく提供することができました。今、staticfilesをS3に移動しましたが、index.htmlスターターファイルをカスタムドメインで配信したいと考えています。 index.htmlから他の.htmlにナビゲートする必要があります。

は、これまでのところ、私が得た：

server { 
    listen 443 ssl http2; 
    listen [::]:443 ssl http2; 
    include snippets/letsencrypt.conf; 
    include snippets/ssl-params.conf; 

    charset utf-8; 

    server_name mydomain; 

    location/{ 


proxy_set_header  Host 's3-eu-west-1.amazonaws.com'; 
     proxy_set_header  Authorization ''; 
     proxy_hide_header  x-amz-id-2; 
     proxy_hide_header  x-amz-request-id; 
     proxy_hide_header  Set-Cookie; 
     proxy_ignore_headers "Set-Cookie"; 
     proxy_intercept_errors on; 
     set $indexfile   "s3-eu-west-1.amazonaws.com/myprod-bucket/static/js/frontend/build_v0.5/"; 
     proxy_pass    https://$indexfile; 

     # expires 1y; 
     log_not_found off; 

     auth_basic "Restricted Content"; 
     auth_basic_user_file /etc/nginx/.htpasswd_finder; 
    } 

} 

私は私が間違って何をやっている、私の場合のために働くすべての例を見つけるように見えることはできません？

UPDATE：私はこのにhttps://stackoverflow.com/a/22843758/977622に基づいてビットを変更し、私は入門：プロキシシナリオコンテンツタイプで

Refused to execute script from '../vendor.5ad3d736.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

と

Resource interpreted as Stylesheet but transferred with MIME type text/html: "../styles/main.b812e04a.css".

Answer 1

によって指定されます元のサーバー（この場合はS3）に置き換えられます。 S3オブジェクトをアップロードするときに、S3オブジェクトにmimeタイプを指定できます。あなたがS3のWebインターフェイスを通じてそれを行う場合は、 'コンテンツタイプを自動的に把握する'のチェックを外さないようにしてください。 ' AWS cliツールは、特に指定しない限り、自動的にMIMEタイプを推測します。ファイルをアップロードするために何か他のものを使用する場合は、対応するツールのマニュアル/ APIリファレンスをコンサルタントする必要があります。

はまた、あなたは、S3から直接あなたのウェブサイトを提供し、それはまだあなたのために関連するかどうHosting a Static Website on Amazon S3

Answer 2

わからない参照が、私はあなたのnginxの経由でS3から直接CSSおよびその他の静的ファイルを提供していないことをお勧めしたいことができ。つまり、あなたのindex.htmlにproxy_passを提供しますが、index.html内のCSSとJSファイルへのリンクは、S3バケットをドメインとして、絶対的なものにする必要があります。

これは、ここにあなたの問題を解決するの両方、およびなど、他の理由のために良いだろう：

• あなたはnginxのを実行しているサーバーからCPUやネットワークコストを削減します。
• 静的ファイルリクエストごとに独自のサーバーを経由しないようにすると、サイトの処理速度が向上します。
• S3は、暗号化、圧縮、CDNと他の多くの便利な機能を追加する機能を提供します。あなた自身のサーバーを通過する魅力的な理由がない限り、私はそれを避けるでしょう。

ユーザーは自分のドメインからサイトを表示しますが、S3ドメインから配信されるのはCSSファイルとJSファイルだけです。