Nginx：前后端分离配置（静态资源+反向代理）
Nginx 前后端分离配置
[!IMPORTANT]
- 前端静态资源位置：
/www/wwwroot/dist- 后端部署端口：
9999
server {listen 80;server_name www.0ll1.com;location / {root /www/wwwroot/dist;try_files $uri $uri/ /index.html;index index.html index.htm;}location /api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://localhost:9999/;}error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}
}
[!NOTE]
举例：
- 当访问
www.0ll1.com:80/api/*时，请求会丢给后端；- 当访问
www.0ll1.com:80/*时，请求会丢给前端，读静态资源。