我在网站的目录下放置了前端相关代码,希望反代 /api 目录到后端,当我启用反代的目录代理功能后,自动配置如下:
- #PROXY-START/api
- location ~* \.(gif|png|jpg|css|js|woff|woff2)$
- {
- proxy_pass http://127.0.0.1:8081;
- 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 REMOTE-HOST $remote_addr;
- expires 12h;
- }
- location /api
- {
- proxy_pass http://127.0.0.1:8081;
- 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 REMOTE-HOST $remote_addr;
-
- add_header X-Cache $upstream_cache_status;
-
- #Set Nginx Cache
-
- add_header Cache-Control no-cache;
- }
- #PROXY-END/api
复制代码 面板除了添加 /api 的目录代理外,把部分静态文件尤其是 .js 和 .css 文件也代理到了后端。这为我带来了一些烦恼。
对于一般的前后端分离项目而言,需要删除静态文件的代理才能正常工作。如下:
- #PROXY-START/api
- location /api
- {
- proxy_pass http://127.0.0.1:8081;
- 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 REMOTE-HOST $remote_addr;
- add_header X-Cache $upstream_cache_status;
- #Set Nginx Cache
- add_header Cache-Control no-cache;
- }
- #PROXY-END/api
复制代码
|
|