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正向代理实现访问外网

    使用nginx正向代理实现访问外网

    这篇文章主要介绍了使用nginx正向代理实现让内网主机通过外网主机访问外网,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2024-12-12
  • nginx如何设置多个静态访问的文件夹

    nginx如何设置多个静态访问的文件夹

    这篇文章主要介绍了nginx如何设置多个静态访问的文件夹问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-03-03
  • nginx配置history模式的使用小结

    nginx配置history模式的使用小结

    本文详细介绍了在Nginx服务器中配置history模式的方法,具体通过使用try_files指令来实现,这种配置方式主要适用于单页应用,可以确保无论访问什么URL,服务器总是返回同一个HTML文件,然后由前端路由来处理不同的页面显示
    2024-10-10
  • Docker Nginx容器和Tomcat容器实现负载均衡与动静分离操作

    Docker Nginx容器和Tomcat容器实现负载均衡与动静分离操作

    这篇文章主要介绍了Docker Nginx容器和Tomcat容器实现负载均衡与动静分离操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • 神器!最佳 Nginx 日志分析工具 GoAccess

    神器!最佳 Nginx 日志分析工具 GoAccess

    非常小又精悍的 Nginx 日志分析工具 GoAccess,今天在 CentOS VPS 上安装测试了一番,就2个字,神器!
    2014-02-02
  • 关于nginx报错405 not allowed解决方法总结

    关于nginx报错405 not allowed解决方法总结

    这篇文章主要给大家介绍了关于nginx报错405 not allowed解决方法的相关资料,nginx遇到post请求静态文件会得到405错误,文中通过代码介绍的非常详细,也给出了推荐方法,需要的朋友可以参考下
    2023-10-10
  • nginx服务器配置解决ajax的跨域问题

    nginx服务器配置解决ajax的跨域问题

    本文给大家分享的是一个nginx服务器配置解决ajax的跨域问题的小技巧,非常的实用,有相同需求的小伙伴可以参考下
    2017-03-03
  • Nginx安装配置的实现示例

    Nginx安装配置的实现示例

    本文主要介绍了Nginx安装配置的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-12-12
  • Ubuntu安装Nginx全过程(在线安装&源码编译安装)

    Ubuntu安装Nginx全过程(在线安装&源码编译安装)

    介绍了在Ubuntu 20.04上安装Nginx的两种方式:apt安装和源码编译安装,apt安装简单,但模块有限;源码编译安装可以自定义模块,更灵活
    2025-03-03
  • nginx 基本配置与参数说明详细介绍

    nginx 基本配置与参数说明详细介绍

    这篇文章主要介绍了nginx 基本配置与参数说明详细介绍的相关资料,需要的朋友可以参考下
    2016-10-10

最新评论