node.js - 在反向代理模式下使用 NGINX 压缩资源

Question

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

为了测试是否可以将压缩任务委托(delegate)给 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 上下文中使用不同的选项声明这些，但似乎没有一个能解决问题。

我找不到这方面的相关资源，所以我怀疑是否可以通过这种方式完成。

要点:

1- Node 和 NGINX 位于不同的容器上，因此我不使用 NGINX 提供静态 Assets 。我只是代理到为这些文件提供服务的 Node 服务器。我想要实现的只是通过让 NGINX 执行 gzip 来减轻 Node 服务器的负载。

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 :