nginx实现前后端分离 - 智学轩城

nginx实现前后端分离

衷季未头像

衷季未

2025-12-30 18:20:57

解仲未头像

解仲未

2025-11-11 17:22:56

记得有一次,我在一个项目里用nginx做反向代理,那会儿刚接触这个,感觉挺新鲜的。项目是前后端分离的,前端用vue,后端是spring boot。当时,我花了两天时间,把nginx配置搞定了,前后端交互顺畅得很。
配置文件里,我这样写:
server { listen 80; server_name www.example.com;
location / { root /usr/share/nginx/; index index. index.htm; try_files $uri $uri/ /index.; }
location /api/ { proxy_pass https://localhost:8080; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } }
当时还挺得意的,觉得nginx真是个好东西。不过,等等,我突然想到,那会儿我为什么不用ssl证书呢?是不是因为觉得麻烦,或者觉得项目不大,用不上?现在想想,可能还是得重视安全性啊。

绪季季头像

绪季季

2026-02-14 11:21:26

nginx配置示例:
server { listen 80; server_name yourdomain.com;
location / { proxy_pass https://your-backend-server; 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; }
location /static/ { alias /path/to/your/static/files; } }
确保后端服务器地址正确,静态资源路径正确。
这就是坑:配置错误可能导致服务不可用。
别信:不要直接复制粘贴配置,确保理解每个参数的作用。
别这么干:不要忘记设置正确的SSL证书,否则会有安全风险。