☰

TTFB lento (60 segundos) en el proxy inverso de Nginx con Angular

tag-icon • tag-icon nginx reverse-proxy
TTFB lento (60 segundos) en el proxy inverso de Nginx con Angular

El servidor en cuestión ejecuta Ubuntu 16.04 y sirve una aplicación Angular a través de proxy inverso. Una vez que se conecta a la página principal, no todas las páginas tardan tanto en cargarse, pero algunas ciertamente sí. Es decir, elhttps://misitio/adminpágina. Aquí también faltan algunos botones js que no aparecen en la página, aunque todos los demás aspectos de la página sí lo hacen. Nuestro sitio está diseñado para enrutar el tráfico con un script js, ¡pero este es uno de los archivos con un TTFB de 60 segundos! (la mayoría de los archivos con TTFB lento son js) Aunque toda la aplicación no funciona sin un proxy inverso, puedo confirmar que cuando no está vigente. Además, puede ser útil agregar que el TTFB en el sitio no siempre es 60 después de la primera vez que se carga, sin embargo, siempre lo será cuando se cargue en una ventana de incógnito.

nginx.conf

user www-data;
worker_processes 1;
pid /run/nginx.pid;
events {
        worker_connections 1024;
}

http {
    proxy_cache_path /etc/nginx-cache levels=1:2 keys_zone=backcache:8m max_size=50m;                                                                                                                                                         
    proxy_cache_key "$scheme$request_method$host$request_uri$is_args$args";
    proxy_cache_valid 200 302 10m;
    proxy_cache_valid 404 1m;

    client_body_buffer_size 10K;
    client_header_buffer_size 1k;
    client_max_body_size 8m;
    large_client_header_buffers 2 1k;

    upstream mysite {
            server [::]:1337;
     }


    ##
    # Basic Settings
    ##

    sendfile on;
    tcp_nopush on;
    tcp_nodelay on;
    keepalive_timeout 65;
    types_hash_max_size 2048;

    include /etc/nginx/mime.types;
    default_type application/octet-stream;

    #Looked at 12/4
    #fastcgi_buffers 8 16k;
    #fastcgi_buffer_size 32k;

    #client_max_body_size 24M;
    #client_body_buffer_size 128k;

    ##
    # SSL Settings
    ##

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
    ssl_prefer_server_ciphers on;

    ##
    # Logging Settings
    ##

    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;

    ##
    # Gzip Settings
    ##

    gzip on;
    gzip_disable "msie6";
     application/javascript                                                                                                                                                              text/xml application/xml application/xml+rss text/javascript;

    ##
    # Virtual Host Configs
    ##

    include /etc/nginx/conf.d/*.conf;
    include /etc/nginx/sites-enabled/*;
}

sitios-enable/default.conf

server {
        listen 80 default_server;
        listen [::]:80 default_server;
        listen 443 ssl http2; # managed by Certbot
        ssl_certificate /etc/letsencrypt/live/mysite.net-0001/fullchain.pem; # managed by Certbot
        ssl_certificate_key /etc/letsencrypt/live/mysite.net-0001/privkey.pem; # managed by Certbot

        root /home/admin_user/root;

        index index.html index.htm index.nginx-debian.html;

        server_name mysite.net;

        proxy_buffering on;
        proxy_buffer_size 1k;
        proxy_buffers 24 4k;
        proxy_busy_buffers_size 8k;
        proxy_max_temp_file_size 2048m;
        proxy_temp_file_write_size 32k;

        location / {
                sendfile on;
                tcp_nopush on;
                tcp_nodelay on;
                proxy_cache backcache;
                proxy_cache_bypass $http_cache_control;
                add_header X-Proxy-Cache $upstream_cache_status;

                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection 'upgrade';
                proxy_set_header Host $host;

                proxy_http_version 1.1;
                proxy_set_header Connection "";
                proxy_pass http://localhost:1337;
    }
}

Respuesta1

Bien, según tu mensaje, creo que tienes una configuración de nginx copiada y pegada para un proxy inverso.

Su configuración tiene la siguiente estrofa:

location / {
            sendfile on;
            tcp_nopush on;
            tcp_nodelay on;
            proxy_cache backcache;
            proxy_cache_bypass $http_cache_control;
            add_header X-Proxy-Cache $upstream_cache_status;

            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection 'upgrade';
            proxy_set_header Host $host;

            proxy_http_version 1.1;
            proxy_set_header Connection "";
            proxy_pass http://localhost:1337;
}

Esto indica: para cualquier cosa debajo de /, envíe la solicitud a localhost:1337lo que, según su comentario, probablemente no exista. Nginx tiene un tiempo de espera de 60 segundos, así que supongo que esperará ese tiempo y luego retrocederá entregando los archivos en/home/admin_user/root

Lo que debes hacer es cambiar tu configuración para que sea:

server {
        listen 80 default_server;
        listen [::]:80 default_server;
        listen 443 ssl http2; # managed by Certbot
        ssl_certificate /etc/letsencrypt/live/mysite.net-0001/fullchain.pem; # managed by Certbot
        ssl_certificate_key /etc/letsencrypt/live/mysite.net-0001/privkey.pem; # managed by Certbot

        index index.html index.htm index.nginx-debian.html;

        server_name mysite.net;

        location / {
            root /home/admin_user/root;
        }
    }

Como angular es una aplicación renderizada del lado del cliente, no tiene un servidor de respaldo que esté siendo proxy. Por lo tanto, simplemente entregue los activos en /home/admin_user/root.

información relacionada