【已解答】关于网站反向代理的代理目录功能的一点使用...

我在网站的目录下放置了前端相关代码，希望反代 /api 目录到后端，当我启用反代的目录代理功能后，自动配置如下：

1. #PROXY-START/api
   
2. location  ~* \.(gif|png|jpg|css|js|woff|woff2)$
   
3. {
   
4.     proxy_pass http://127.0.0.1:8081;
   
5.     proxy_set_header Host $host;
   
6.     proxy_set_header X-Real-IP $remote_addr;
   
7.     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   
8.     proxy_set_header REMOTE-HOST $remote_addr;
   
9.     expires 12h;
   
10. }
    
11. location /api
    
12. {
    
13.     proxy_pass http://127.0.0.1:8081;
    
14.     proxy_set_header Host $host;
    
15.     proxy_set_header X-Real-IP $remote_addr;
    
16.     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    
17.     proxy_set_header REMOTE-HOST $remote_addr;
    
18.    
    
19.     add_header X-Cache $upstream_cache_status;
    
20.    
    
21.     #Set Nginx Cache
    
22.    
    
23.             add_header Cache-Control no-cache;
    
24. }
    
25. 
    
26. #PROXY-END/api

复制代码

面板除了添加 /api 的目录代理外，把部分静态文件尤其是 .js 和 .css 文件也代理到了后端。这为我带来了一些烦恼。
对于一般的前后端分离项目而言，需要删除静态文件的代理才能正常工作。如下：

1. #PROXY-START/api
   
2. 
   
3. location /api
   
4. {
   
5. proxy_pass http://127.0.0.1:8081;
   
6. proxy_set_header Host $host;
   
7. proxy_set_header X-Real-IP $remote_addr;
   
8. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
   
9. proxy_set_header REMOTE-HOST $remote_addr;
   
10. 
    
11. add_header X-Cache $upstream_cache_status;
    
12. 
    
13. #Set Nginx Cache
    
14. 
    
15. add_header Cache-Control no-cache;
    
16. }
    
17. 
    
18. #PROXY-END/api

复制代码