nginx：前后端分离常用配置

• 前端：dist 放在 nginx/html/dist
• 后端接口：/api/** 转发到 SpringBoot

server {
    listen 80;
    server_name localhost;

    # 前端静态资源
    location / {
        root   html/dist;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html; # Vue/React 路由刷新
    }

    # 后端接口代理
    location /api/ {
        proxy_pass http://127.0.0.1:8080/api/;
        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 /api/{

proxy_pass http://127.0.0.1:8080

}

请求地址	转发到后端地址
/api/user/login	http://127.0.0.1:8080/api/user/login
/api/getInfo	http://127.0.0.1:8080/api/getInfo
/api/order/list	http://127.0.0.1:8080/api/order/list

结尾带/的：

location /api/{

proxy_pass http://127.0.0.1:8080/

}

请求地址	转发到后端地址
/api/user/login	http://127.0.0.1:8080/user/login
/api/getInfo	http://127.0.0.1:8080/getInfo
/api/order/list	http://127.0.0.1:8080/order/list