Nginx 相关配置, 包括开启 gzip,设置缓存时间,包括前后端开发设置代理来避免跨域等

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;
    
    # 开启 gzip 压缩
    gzip  on;
    
    # gzip 压缩类型 (js/css/font 字体等)
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml;
   
    # 是否在http header中添加Vary: Accept-Encoding
    gzip_vary on;

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

   # App内链-本地开发
   server {
        listen  9996;
        server_name   192.158.215.9;
        charset utf-8;

        location / {
            if ($uri ~ .*\.(css|js)$){  
                add_header    Cache-Control  max-age=315360000;
            } 
            if ($uri ~ .*\.chunk.js$){  
                add_header    Cache-Control  no-store;
            }
            if ($uri ~ .*\.browser.js$){
                add_header    Cache-Control  no-cache;
            }
            root   E:/code/pem-web/static/app;
            index   news-details.html;   # 默认首页(直接通过 192.158.215.9:9996 能访问)
        }
        location /wap {
            proxy_pass http://192.168.130.115/wap;
            proxy_set_header Host $host:$server_port;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                
        }
        location /web {
            proxy_pass http://192.168.130.115/web;
            proxy_set_header Host $host:$server_port;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                
        }
        location /api {
            proxy_pass http://192.168.130.115/api;
            proxy_set_header Host $host:$server_port;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                
        }
    
    }

}

  ## 重启 nginx
  nginx -s reload

友情链接

Nginx 官网
Configuring Nginx Web Server
Compression and Decompression
ngx_http_gzip_module