通过Nginx实现前端与后端的协同部署

# Ubuntu 系统
sudo apt-get update
sudo apt-get install nginx

server {
    listen80;
    server_name your_domain.com;

    # 前端静态文件配置
    location / {
        root /path/to/your/frontend/dist;
        index index.html;
        try_files$uri$uri/ /index.html;
    }

    # 后端 API 请求转发
    location /api/ {
        proxy_pass http://your_backend_server:port/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

location / {
    root /path/to/your/frontend/dist;
    index index.html;
    try_files $uri $uri/ /index.html;

    # 设置缓存头
    expires 7d;
    add_header Cache-Control "public, no-transform";
}

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

upstream backend_servers {
    server backend1:port;
    server backend2:port;
    # 可以添加更多服务器
}

location /api/ {
    proxy_pass http://backend_servers/;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

sudo nginx -t

sudo systemctl reload nginx