nginx去掉前端配置的路径前缀两种情况

 更新时间:2024年05月10日 09:37:36   作者:你是理想  
今天接到一个配置nginx的需求是,需要访问某个域名时,nginx可以去掉前缀去代理访问到后端,这篇文章主要给大家介绍了关于nginx去掉前端配置的路径前缀的两种情况,需要的朋友可以参考下

背景

在前端项目部署到nginx的时候,前端访问后端的路径加了一个全局前缀,一般来说这是前后端商量好的,但是呢也会有不一般的情况,后端在遇到这种情况的时候有两种选择

  • 第一种是给项目里也加上同样的前缀
  • 第二种就是nginx配置文件做出修改
    这里我选择了后者

第一种方式,这样的结果是你后端项目同样需要加上prod-api

 location /prod-api{
        proxy_pass http://193.1.0.6:10004;
        proxy_set_header   X-Forwarded-Proto $scheme;
        proxy_set_header   Host              $http_host;
        proxy_set_header   X-Real-IP         $remote_addr;
    }

第二种方式,直接prod-api 后加个斜杠,同时在端口后面也加个斜杠,这样实际请求的路径就去掉了/prod-api
这样访问的/prod-api/test/1 实际就会变成 http://193.1.0.6:10004/test/1,就像是springmvc的静态资源映射一样的

 location /prod-api/{
        proxy_pass http://193.1.0.6:10004/;
        proxy_set_header   X-Forwarded-Proto $scheme;
        proxy_set_header   Host              $http_host;
        proxy_set_header   X-Real-IP         $remote_addr;
    }

比如:

       前端服务器url为:https://114.114.114.114:8002/myqz/menu/index.html

      后台服务器地址为:http://127.0.0.1:9008

第一种方式:

自动拼接前缀,前端服务器地址为:https://114.114.114.114:8002/menu/index.html       

location ~ \.do$ {
            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_pass http://127.0.0.1:9008;
        }

        location ~ ^/(.*)$ {
            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_pass https://114.114.114.114:8002/myqz/$1?$args;        }

第二种方式:

替换前缀 ,前端服务器地址为:https://114.114.114.114:8002/myqz/menu/index.html       

location / {
            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_pass https://114.114.114.114:8002;
        }
        location ~ \.do$ {
            proxy_set_header Host      $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            rewrite ^/myqz/(.*)$ /$1 break;
            proxy_pass http://127.0.0.1:9008;        }

总结

到此这篇关于nginx去掉前端配置的路径前缀两种情况的文章就介绍到这了,更多相关nginx去掉前端路径前缀内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

相关文章

  • Nginx中实现访问HTTP请求时自动跳转到HTTPS请求

    Nginx中实现访问HTTP请求时自动跳转到HTTPS请求

    本文主要介绍了Nginx中实现访问HTTP请求时自动跳转到HTTPS请求,下面介绍了两种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-08-08
  • nginx配置静态资源的访问的实现

    nginx配置静态资源的访问的实现

    本文主要介绍了nginx配置静态资源的访问的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2025-05-05
  • Nginx访问本地静态资源详细步骤(推荐)

    Nginx访问本地静态资源详细步骤(推荐)

    Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务,这篇文章主要介绍了nginx配置访问本地静态资源,需要的朋友可以参考下
    2022-12-12
  • nginx搭建图片服务器的过程详解(root和alias的区别)

    nginx搭建图片服务器的过程详解(root和alias的区别)

    这篇文章主要介绍了nginx搭建图片服务器(root和alias的区别)的过程,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • 教你在容器中使用nginx搭建上传下载的文件服务器

    教你在容器中使用nginx搭建上传下载的文件服务器

    这篇文章主要介绍了容器中使用nginx搭建支持上传下载的文件服务器,在这需要注意为了让nginx支持文件上传,需要下载并运行带有nginx-upload-module模块的容器,需要的朋友可以参考下
    2022-05-05
  • 详解Nginx HTTP负载均衡和反向代理配置

    详解Nginx HTTP负载均衡和反向代理配置

    这篇文章主要介绍了详解Nginx HTTP负载均衡和反向代理配置,有需要的同学可以了解一下。
    2016-11-11
  • nginx访问控制的两种方法

    nginx访问控制的两种方法

    这篇文章主要介绍了关于nginx访问控制的两种方法,一种是基于Basic Auth认证,另一种是基于IP的访问控制,文中介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-03-03
  • nginx实现多个域名和集群的方法步骤

    nginx实现多个域名和集群的方法步骤

    本文主要介绍了nginx实现多个域名和集群的方法步骤,需要配置Nginx作为反向代理服务器,将来自不同域名的请求转发到集群中的相应后端服务器,感兴趣的可以了解一下
    2024-04-04
  • Nginx配置ssl实现https的全过程记录

    Nginx配置ssl实现https的全过程记录

    这篇文章主要给大家介绍了关于Nginx配置ssl实现https的相关资料,文章通过实例代码介绍的非常详细,对大家学习或者使用Nginx具有一定的参考学习价值,需要的朋友可以参考下
    2022-03-03
  • Nginx缓存&优雅清除缓存问题

    Nginx缓存&优雅清除缓存问题

    本文详细介绍了Nginx的缓存配置,包括缓存文件的存储路径、缓存的有效期、哪些请求走缓存、哪些请求不缓存,以及如何删除缓存,同时,还提供了一个综合案例来说明如何配置和使用Nginx缓存
    2025-03-03

最新评论