nginxの展開CSS通常のダウンロードが、ページが正常にCSSを表示することができません

序文

モックのフロントエンドアーキテクチャのこの枠組みの書面による許可、ちょうど展開の独自の例を記述する準備ができて、クラウドサーバーを購入する活動を行うには雲が発生したに基づいてVUEのアリ設計の最近の研究では、ルックアップダウンを実行デモ効果、サーバーはnginxのでドッキングウィンドウをベースとしているので、最後に見つかった私がアップ展開を期待していなかったが、CSSは、テスト環境で自分自身をレンダリングする通常の下るなくするためのページをダウンロードするページにアクセスすることができ、マシンが正常である、調査を通じてなぜなら彼らのネイティブnginxの環境とテスト環境の欠如のmime.typesの設定ファイルの展開は、直接自体ため、含まれているmime.typesファイルを展開し、したがって、通常の訪問することができ、そう後でそれを修正しています。

エラー再現

：どのようにnginxの起動方法への誰もが、私はドッキングウィンドウを直接見ることができ、このブログに慣れていない場合は、以下では、mime.typesの設定ファイルなしでドッキングウィンドウを起動するためのコマンドですhttps://blog.csdn.net/linzhefeng89/article/詳細/ 101678391

docker run --name nginx-dev -p 8081:8081  -v /home/nginx/logs:/var/log/nginx  -v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /home/nginx/html:/usr/share/nginx/html --privileged=true  -d docker.io/nginx

そして、私たちが訪れたこの時間は展開nginxのサーバーには、次のページがあります：

私たちのCSSは、通常のダウンをダウンロードされたが、それはある、効果なかった理由を、比較することによって、私の母国私が発見した見返りにレスポンスヘッダが指定されていないときに我々は、このようにページをレンダリングする正常でないで、その結果、ファイルの種類をお読みください。

この問題を解決します

次のステップは、我々はこの問題を解決する方法は非常に簡単で、あなただけのmime.typesの設定を追加する必要があること、そして私たちのnginx.conf設定ファイルを変更することができます。

#pid        logs/nginx.pid;
events {
    worker_connections  1024;
}

http {
    sendfile        on;
    keepalive_timeout  65;
                      
    gzip  off;
    # 引入mime.types即可
    include       mime.types;
    default_type application/octet-stream;


    server {
        listen       8081;
        server_name  localhost;
        
        client_body_buffer_size 50m;
        client_max_body_size 50m;

        location / {
            root  /usr/share/nginx/html;
            index  index.html index.htm;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
       
    }
}

その後、我々は再び私たちのnginxのを起動し、我々は再び私たちのnginxの展開サーバーを訪問し、私たちは、当社のサーバーは、通常のロードすることができることがわかります。

私たちが遭遇した問題を解決するためにここに。