在反向代理模式下使用 NGINX 压缩资产

Question

我在 Node.js 应用程序前使用 NGINX 作为反向代理。基本代理工作得很好，我可以使用 compression 中间件压缩节点服务器上的资产。

为了测试是否可以将压缩任务委托给 NGINX，我已经禁用了中间件，现在我正在尝试使用具有以下配置的 NGINX 进行 gzip 压缩：

worker_processes 1;

events {
    worker_connections 1024;
}

http {
    include mime.types;
    default_type application/octet-stream;
    sendfile on;
    keepalive_timeout 300;
    server {
        listen 80;

        ## gzip config
        gzip on;
        gzip_min_length 1000;
        gzip_comp_level 5;
        gzip_proxied any;
        gzip_vary on;
        gzip_types text/plain
                   text/css
                   text/javascript
                   image/gif
                   image/png
                   image/jpeg
                   image/svg+xml
                   image/x-icon;

        location / {
            proxy_pass http://app:3000/;
            proxy_http_version 1.1;

            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_cache_bypass $http_upgrade;
            }
    }
}

使用此配置，NGINX 不会压缩资产。我试过在 location 上下文中使用不同的选项声明这些，但其中 none 似乎可以解决问题。

我找不到这方面的相关资源，所以我想知道是否可以这样做。

要点：

1- Node 和 NGINX 在不同的容器上，所以我没有使用 NGINX 提供静态资产。我只是代理到为这些文件提供服务的节点服务器。我想要实现的是通过让 NGINX 执行 gzipping 来卸载节点服务器。

2- 我正在测试启用 "Accept-Encoding: gzip" 的所有响应。

Answer 1

尝试添加 application/javascript 内容类型：

gzip_types
    text/css
    text/javascript
    text/xml
    text/plain
    text/x-component
    application/javascript
    application/json
    application/xml
    application/rss+xml
    font/truetype
    font/opentype
    application/vnd.ms-fontobject
    image/svg+xml;

我从中获取了值 conf H5BP：

在反向代理模式下使用 NGINX 压缩资产

Compressing assets with NGINX in reverse proxy mode

gzip

reverse-proxy

nginx

node.js