کانفیگ nginx برای React، Vue و Angular (SPA)

npm ci && npm run build
rsync -az --delete dist/ user@server:/var/www/app/

server {
    listen 80;
    server_name app.example.com;

    root /var/www/app;
    index index.html;

    # مسیرهای SPA
    location / {
        try_files $uri $uri/ /index.html;
    }

    # فایل‌های hash شده: کش یک‌ساله
    location /assets/ {
        expires 1y;
        add_header Cache-Control "public, immutable";
        access_log off;
    }

    # index.html هرگز کش نشود تا نسخهٔ جدید فوراً دیده شود
    location = /index.html {
        add_header Cache-Control "no-cache, no-store, must-revalidate";
    }

    gzip on;
    gzip_types text/css application/javascript application/json image/svg+xml;
}

    location /api/ {
        proxy_pass http://127.0.0.1:4000/;
        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 X-Forwarded-Proto $scheme;
    }

sudo nginx -t && sudo systemctl reload nginx
curl -I http://app.example.com/dashboard/settings

    location /app/ {
        alias /var/www/app/;
        try_files $uri $uri/ /app/index.html;
    }