脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网站技巧 → 服务器 → nginx → nginx代理去掉URL前缀

nginx代理去掉URL前缀的实现方法

 更新时间：2023年05月29日 11:19:33   作者：杰哥的技术杂货铺  
nginx作为一款广泛使用的反向代理服务器,在实际应用中,经常需要去掉代理请求中的前缀,下面这篇文章主要给大家介绍了关于nginx代理去掉URL前缀的实现方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

今天接到一个配置nginx的需求是：需要访问某个域名时，nginx可以去掉前缀去代理访问到后端

正常配置情况下：

在nginx配置文件中中设置了 location /prod-api/api 时 浏览器访问 /prod-api/api 反向代理到后端服务后，后端服务接收到的url地址实际还是 /prod-api/api

需要实现的功能需求：

访问url路径/prod-api/api经过nginx反向代理后，到达后端服务的实际url地址为/api。

以下是原nginx配置文件中location部分的配置内容：

server {
        listen 80;
        server_name localhost;
        charset utf-8;
        location / {
        root /usr/share/nginx/html/cashier;
        try_files $uri $uri/ /index.html;
        index index.html index.htm;
    }
    location /prod-api/ {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-NginX-Proxy true;
        proxy_pass http://127.0.0.1:9076;
    }
       access_log /var/log/nginx/access.log main;
       error_log /var/log/nginx/error.log warn;
}

将上述代码修改为如下nginx location代码：

server {
        listen 80;
        server_name localhost;
        charset utf-8;
        location / {
        root /usr/share/nginx/html/cashier;
        try_files $uri $uri/ /index.html;
        index index.html index.htm;
    }
    location ^~/prod-api/ {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-NginX-Proxy true;
        proxy_pass http://127.0.0.1:9076/;
    }
       access_log /var/log/nginx/access.log main;
       error_log /var/log/nginx/error.log warn;
}

注意点：

  • 在proxy_pass 反向代理地址最后加一个/
  • 在location匹配的url路径前添加^~/

location ^~/prod-api/：匹配任何以 /prod-api/ 开头的地址，匹配符合以后，停止往下搜索正则，采用这一条

  • 不可以使用：proxy_set_header Host $http_host;

我在现有环境的nginx里添加这段配置之后，访问会转不过去，查看nginx日志也只能看到是404信息，并没有更多定位问题的信息。检查了许久也没找到原因，于是注释掉location 里面所有配置，里面只加proxy_pass这段配置，结果nginx是能够转发成功的，这说明单独来看这条location的配置是没有问题的，很有可能是现有环境nginx里的某些配置影响到了这个转发。

为了定位问题原因，location下的配置逐个注释来定位问题，最后发现当注释掉proxy_set_header Host $http_host ;这条配置之后，就能成功转发了。这才注意到是反向代理配置的问题。

此配置的作用是：把原http请求的Header中的Host字段也放到转发的请求里。
如果不加这一行的话，nginx转发的请求header里就不会有Host字段，而服务器是靠这个Host值来区分你请求的是哪个域名的资源的。

但是现有环境中原有的配置也不能随便删掉，所以可以进行如下设置：

即，在location里面添加一条 proxy_set_header Host $proxy_host;配置。

设置 proxy_set_header Host $host 时，浏览器直接访问 nginx，获取到的 Host 是 $host 的值，没有端口信息。此时代码中如果有重定向路由，那么重定向时就会丢失端口信息，导致 404

补充知识：Nginx 转发时去掉前缀保留传参

最终效果

Nginx 将

127.0.0.1:8082/proxy/switchSystemRole?roleId=29

转发至

127.0.0.1:9301/switchSystemRole?roleId=29

server {
    listen 8082;
    server_name 127.0.0.1;
    location /proxy/ {
        proxy_pass http://127.0.0.1:9301/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

总结

到此这篇关于nginx代理去掉URL前缀的实现方法的文章就介绍到这了,更多相关nginx代理去掉URL前缀内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 使用nginx打包部署前端vue项目完整过程(保姆级教程)

    使用nginx打包部署前端vue项目完整过程(保姆级教程)

    这篇文章主要给大家介绍了关于使用nginx打包部署前端vue项目的相关资料,包括打包命名、执行打包命令、检查打包成功、下载和解压Nginx、部署到Nginx、启动Nginx并访问项目、以及Nginx的优势,需要的朋友可以参考下
    2024-11-11
  • Nginx正向反向代理区别及原理解析

    Nginx正向反向代理区别及原理解析

    这篇文章主要介绍了Nginx正向反向代理区别及原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • 为Nginx添加SPDY功能

    为Nginx添加SPDY功能

    我也开始尝试着给自己的论坛加上SPDY协议，WEB服务器本人选择的是nginx，在过去，Nginx并没有内置SPDY协议，需要打开的话还要下载开发版然后手动编译，很不方便
    2014-12-12
  • 详解nginx中的日志配置

    详解nginx中的日志配置

    日志对于统计排错来说非常有利的,本文为大家总结了nginx日志相关的配置如access_log、log_format、open_log_file_cache等内容,感兴趣的小伙伴可以了解下
    2023-08-08
  • nginx部署vue项目的详细图文教程

    nginx部署vue项目的详细图文教程

    很多小伙伴在做完Vue项目之后,想要部署到服务器上自己运行试试,下面这篇文章主要给大家介绍了关于nginx部署vue项目的详细图文教程,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • nginx里的rewrite跳转的实现

    nginx里的rewrite跳转的实现

    这篇文章主要介绍了nginx里的rewrite跳转的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • 修改配置解决Nginx服务器中常见的上传与连接错误

    修改配置解决Nginx服务器中常见的上传与连接错误

    这篇文章主要介绍了修改配置解决Nginx服务器中常见的上传与连接错误的方法,分别针对Nginx的413错误与111错误,需要的朋友可以参考下
    2016-01-01
  • 在ubuntu下为nginx配置支持cgi脚本的方案

    在ubuntu下为nginx配置支持cgi脚本的方案

    本文的需求：让nginx能够解析.cgi后缀的文件，相信会特意看这篇文章的人对CGI是什么及其作用已经有了足够的了解，所以在这里不再赘述，直接开始配置。
    2017-02-02
  • Nginx配置ssl证书(https)的全过程

    Nginx配置ssl证书(https)的全过程

    这篇文章主要介绍了Nginx配置ssl证书(https)的过程，在文中大家需要特别注意，如果有防火墙的话,记得开通443端口,本文给大家介绍的非常详细，需要的朋友可以参考下
    2022-10-10
  • Nginx PHP-Fcgi中因PHP执行时间导致504 Gateway Timeout错误解决记录

    Nginx PHP-Fcgi中因PHP执行时间导致504 Gateway Timeout错误解决记录

    这篇文章主要介绍了Nginx PHP-Fcgi中因PHP执行时间导致504 Gateway Timeout错误解决记录,本文的解决方法得来不易,需要的朋友可以参考下
    2014-09-09

最新评论