nginx 通过proxy_pass 转发gzip失效

Question

一个Vue项目 引入compression-webpack-plugin 打包成.gz后缀的文件
部署到centos 系统上, 开启gzip_static on; 静态压缩。实际部署端口是8080假定域名是xxx.com 直接访问xxx.com:8080 查看js 是被GZIP 压缩过的。但是上面不愿意域名带端口访问 就想通过xxx.com 访问到这个 xxx.com:8080的，因为服务器上有和很多项目在跑 所以这个8080端口定死了

 server {
    listen       80;
    server_name  test.xxxxx.com;
    location / {
        proxy_pass http://127.0.0.1:8080; 
    }
}
server {
    gzip_static on;
    listen       8080;
    root         /home/websit/admin/dist/;
    index        index.html;
    location / {
        try_files $uri $uri/ /index.html;
    }

    error_page 404 /404.html;
        location = /40x.html {
    }

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

Answer 1

给每个serve里面添加这行代码
gzip on;

gzip_min_length 1k;
gzip_comp_level 9;
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;
gzip_vary on;
gzip_disable "MSIE [1-6]\.";