需求
nginx 服务器代理前端项目,并且反代后端服务器。开发时使用没有什么问题,部署后存在同样请求根地址的情况,输入nginx的地址localhost:3000能够访问到前端地址,但是去调用后端接口就会出现报错,看来我对nginx还掌握的不够,发现是调用后端接口的时候每次请求中都会多/api/,但是后端接口路径并没有多这个/api/,最后通过重写url解决问题。
一般反向代理
一般会定义一个统一前缀,比如:api,则配置如下
server {
listen 80;
server_name default;
location /api/ {
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-NginX-Proxy true;proxy_pass http://example.com;
}
}
则请求到 http:localhost/api/findOne时,会转发到 http://example.com/api/findOne。
设置proxy_pass即可。请求只会替换域名,不会将/api/也替换掉。
我现在想要访问http:localhost/api/findOne转发到http://example.com/findOne,去掉/api/则可按照如下两种配置。
方案一 使用 rewrite,注意到 proxy_pass结尾没有 /
, rewrite 重写了 url,则最终的请求为http://example.com/findOne
server {
listen 80;
server_name default;
location /api/ {
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-NginX-Proxy true;文章来源:https://www.toymoban.com/news/detail-433314.htmlrewrite ^/api/(.*)$ /$1 break;
proxy_pass http://example.com;
}
}
关于rewrite的用法可以参考:nginx 地址重写 、反向代理_小小妍的棉花糖的博客-CSDN博客
- 方案二 在 proxy_pass 后增加 / 则 nginx 会将/api之后的内容拼接到 proxy_pass 之后。
server {
listen 80;
server_name default;
location /api/ {
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-NginX-Proxy true;proxy_pass http://example.com/;
}
}文章来源地址https://www.toymoban.com/news/detail-433314.html
到了这里,关于Nginx反向代理重写URL的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!