Nginx路径重写方式
Nginx路径重写
问题
经常遇到前后端分离项目部署时候,前端请求的路径会多加一层路径
比如我的
- 前端地址是:http://baidu.com,后端地址是:http://taobao.com
- 那么前端如果直接写死后端地址的话,一是要处理跨域问题,二是如果后端换地址需要改前端代码
- 最好的办法就是通过反向代理,比如http://baidu.com/api然他指向http://taobao.com,把**/api**替换掉就好了
- 像vue有vue.config.js中配置反向代理来重写路径,但实际环境大多数是用专门的反向代理
直接设置为后端的真实地址
需要改前端代码,如果部署多个服务器就要改n次,很不灵活,而且存在跨域问题也要解决
利用宝塔的nginx配置反向代理
虽然可以配置,但是存在奇怪的bug,设置了内容替换,在的服务器可以生效,有的不能生效

解决
宝塔直接设置反向代理 *FAIL
配置文件:
location /stage-api
{
proxy_pass http://127.0.0.1:6501;
proxy_set_header Accept-Encoding "";
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
proxy_set_header Accept-Encoding "";
sub_filter "/stage-api" "/";
sub_filter_once on;
add_header Cache-Control no-cache;
}
主要就是用到sub_filter
通过一番检索说sub_filter需要把gzip关闭才可以用,否则不生效,但我关了还是不生效
修改配置文件 *PASS
修改后的配置文件如下:
location /stage-api
{
proxy_pass http://127.0.0.1:6501;
proxy_set_header Accept-Encoding "";
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
proxy_set_header Accept-Encoding "";
#sub_filter /stage-api /;
#sub_filter_once on;
rewrite ^/stage-api/(.*) /$1 break;
add_header Cache-Control no-cache;
}
注释掉sub_filter
用 rewrite完美解决!

总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
nginx-rtmp-module构建流媒体直播服务器实战指南
本文主要介绍了nginx-rtmp-module构建流媒体直播服务器实战指南,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2025-02-02
Nginx的伪静态配置中使用rewrite来实现自动补全的实例
这篇文章主要介绍了Nginx的伪静态配置中使用rewrite来实现自动补全的实例,文中对rewrite的相关参数和正则表达使用也做了介绍,需要的朋友可以参考下2015-12-12
Nginx中worker connections问题的解决方法
这篇文章主要介绍了Nginx中worker connections问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-05-05


最新评论