スキルを習得しなければならないnginxのフロントエンド（3）

アウトライン

フロントエンドとして、私たちは次のことを乾燥させるためにnginxのを使用することを学ばなければならないと思います：

静的リソース演技
リバースプロキシ（HTTPSを追加）の設定します
キャッシュ設定
セットのログ
SMTPサービスの展開
設定しRedisのキャッシュ（選択）

ここで私は再びリズム11研究に従って、開発する際に、後で参照するために記録された経験は、我々はそれが他の人に便利であると考えています。

キャッシュ設定

ロケーション・キャッシュは、典型的には、ブロック、次のサンプルコードの内部に配置されています。

events {
    # worker_connections  1024;  ## Default: 1024
}

http {
    server {
        listen  8767;
        server_name  192.168.2.32;
        location / {
            deny 192.168.2.32;
            root /Users/zhouyang/Documents/tencent/test/local-nginx;
            expires      30s;
        }
        location /haha {
            valid_referers none blocked server_names
               *.example.com example.* www.example.org/galleries/
               ~\.google\.;

            if ($invalid_referer = '') {
                return 401;
            }
        }
        location /baidu {
            proxy_pass http://www.baidu.com;
        }
        location /yaya {
            return 302 /baidu;
        }
    }
}

これはexpires 30s;30秒にキャッシュを設定することです。単位は次のように指示がある期限が切れます。

expires 30s; #30秒
expires 30m; #30分钟
expires 2h; #2个小时
expires 30d; #30天

キャッシュを設定していない場合は、次のコードに変更します。

expires -1s;
add_header Cache-Control no-cache;

詳細情報のリクエストを表示するには、ブラウザによって、我々は見ることができます：

// 设置缓存多了如下字段
Cache-Control: max-age=30
Expires: Fri, 27 Sep 2019 01:00:47 GMT

// 取消缓存多了如下字段
Cache-Control: no-cache;
Expires: Fri, 27 Sep 2019 00:57:40 GMT;

注：VUEプロジェクト、我々はキャッシュHTMLを設定することはお勧めしませんが、我々は、JSをお勧めします、CSSファイルのキャッシュ設定、彼はハッシュを追加したとき、我々はすでに詰めので、そうしてもファイルが変更された場合、彼らは新しいファイル名になりますない古いファイル名。制御が実現されている場合我々は内部の場所を使用することができます。

Gzip圧縮設定

gzip圧縮を開きたい、ちょうど次のコードを追加します。

gzip on;                     # 开启Gzip
gzip_min_length  1k;         # 不压缩临界值，大于1K的才压缩
gzip_types text/plain text/css application/x-javascript application/javascript application/xml;   # 哪些类型需要压缩

試験された後に、このコードはgzipはできても内部のhttp命令ブロック、サーバ位置指令ブロック命令ブロックを追加しました。それは、彼らのニーズに応じて設定することができます。