Nginx配置路由跳转（根据不同端口、路径跳转不同的链接地址）

最新推荐文章于 2024-06-05 17:40:01 发布
原创 最新推荐文章于 2024-06-05 17:40:01 发布 · 6.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#nginx #分布式

本文介绍了Nginx配置中针对不同场景的端口转跳方法。第一种方法是通过拦截路径访问代理地址，适用于Nginx与项目不在同一服务器的情况。第二种方法则是通过拦截路径访问本地项目根目录，适合于Nginx与前端项目在同一服务器且Nginx启动前端项目。配置时需注意端口和域名的唯一性，可根据需求配置多个server节点。

配置地址转跳
在这里插入图片描述
注：图中第一种方法地址http://www.baidu.com需修改为http://www.baidu.com/

如上图所示,端口为80,域名为localhost1转跳方式分为两种：
第一种是图中标记1所示，通过拦截路径访问代理地址
第二种是图中标记2所示，通过拦截路径访问本地项目根目录

如有需求需要根据不同的端口跳转不同路径可配置多个server节点，需要注意的是端口和域名不能相同，其他如图配置即可
适用场景;
第一种适用于Nginx与项目不再同一服务器场景
第二种适用于Nginx与所需访问前端项目在同一服务器，适用Nginx启动的前端项目

Nginx中判断用户的设备来选择切换成PC端还是移动端
jiangjunyuan168的博客
04-20 6359
方案一 之前笔者的解决方案是在项目（vue项目）中通过路由切换来实现的，但是这种做法会在网页中看到一个切换的动作，并且这种方法存在两个项目都加载的情况，这样就大大的增加了首屏加载所需要的时间，用户体验感不好。 文章地址：路由切换方法 方案二 之后在网上找到了另一种方法，就是再新建一个项目，项目中不添加其他内容，就只配置路由，并且尽可能减小该项目包的大小（cdn引入，删掉没用的代码），在路由里面判断用户设备然后选择跳转到pc端还是移动端。 这种方法的思路是用户先访问这个只有路由跳转的项目，然后再跳转到根据用户
Nginx一个端口代理多个vue项目，通过不同路由转到不同系统，反向代理Apache进行文件处理
风不知从何处起的小屋
05-31 1143
这里将多个vue项目通过一个nginx端口进行代理，由不同的路由来确定访问哪些项目，apache同理。
使用nginx反向代理，根据访问的路径跳转到不同端口的服务中
xiaolitongxue1的博客
08-26 1090
准备两个tomcat，一个8080端口，一个8081端口 修改nginx的配置文件,在http块中添加server{}
nginx页面跳转新方式
03-22
相对于传统的rewrite方式，这种由refresh跳转的方式更为彻底，也更安全，快捷！！百度知乎等网站都在使用这种跳转方式，值得一试
Nginx根据URL跳转到不同的页面.txt
05-15
Nginx判断来路http://aaaa.com查询语句是否包含有Q=**，重写到https://xxxx.com/?Q=**
Nginx 根据不同域名做路由转发
路漫漫其修远兮，吾将上下而求索
03-05 1万+
需求 假设现在有一个顶级域名ouou.com和三个二级域名default.ouou.com，blog.ouou.com，white.ouou.com，这4个域名都跟同一个IP进行绑定。三个二级域名分别对应三个不同的项目，我们希望通过不同二级域名访问服务器，用Nginx做路由转发，到达不同的项目首页。默认顶级域名与default.ouou.com到达同一个页面。 环境 Nginx：1.20.1 Linux操作系统：CentOS7 配置host文件 本文实验环境在虚拟机上进行，如果使用服务器，应该用真实域名绑定
nginx域名隐性(地址栏域名不变)跳转
weixin_30498807的博客
05-11 3858
1、完全url的域名隐性跳转 server_name a.b.com location / { proxy_pass http://x.y.com; } 效果：浏览器地址栏中输入a.b.com域名不变访问的内容为x.y.com上的内容 2、部分url的域名隐性跳转到非根目录下的内容 server_name a.b.com l...
Nginx端口映射配置方法
09-30
对于多端口映射，可以设置多个`location`块来处理不同的URL路径，每个`location`对应一个不同的端口映射。以下是一个多端口映射的例子： ```nginx server { listen 80; server_name www.example.com; location ...
【Nginx】nginx配置跳转实现接口静态化
Kevin_Gates的专栏
08-02 1159
这样做的目的是为了动态地构建URL，以便将请求重定向到正确的位置。根据参数的值构建URL，可以实现更加灵活的请求路由和重定向逻辑。这段nginx配置代码是一个location指令，它指定了一个匹配特定URL路径的请求的处理方式。5.静态化域名配置：域名解析到OSS地址，CDN加速域名解析到OSS地址，OSS配置域名；是变量引用，用于获取传递给请求的参数"instance_id"和"block_id"的值。分别引用了请求参数"instance_id"和"block_id"的值。在上述的nginx配置代码中，
Nginx+根据不同的访问路径进行反向代理(下)
weixin_42442589的博客
06-22 7295
在看此篇文章之前,先把反向代理的上篇基础完成. 一:实现目标 通过访问http://101.200.232.185:8080/one/跳转到 tomcat1服务器 通过访问http://101.200.232.185:8080/two/跳转到 tomcat2服务器 二:前期准备: 在前文的基础上在新增一个tomcat服务器 三: 将新增的tomcat服务器解压到/usr/local/src下,修改tomcat的配置文件 切换到配置文件夹 命令：cd /usr/local/src/ap...
nginx 不同的后缀加载不同的目录_nginx 搭建静态网页服务,不同的前缀进入不同的静态文件路径...
weixin_35893552的博客
01-13 1043
server {listen 5555 default_server;listen [::]:5555 default_server;server_name _;proxy_set_header X-Forwarded-Host $http_host;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_head...
nginx代理vue项目路由跳转刷新
weixin_43845059的博客
06-05 1336
nginx代理vue路由并可以跳转刷新，配置前缀
nginx 某个地址转发_nginx配置不同路径下的转发代理
weixin_28853079的博客
12-24 3372
一、需求假如，我们需要这样的代理，平时我们运行调试的时候，就在localhost的默认目录下的html里面就行。如果我们请求的路径含有指定的目录的时候，我们需要它去我们指定的域名和端口请求数据，而不是在本地请求。比如，当请求http://localhost/extService/extService/wens001.do的时候，我们是想他远程访问地址是http://192.168.2.1:8080...
Nginx 配置根据路径转发
热门推荐
qq_37959151的博客
11-15 3万+
Nginx 配置根据路径转发 总结： 先谈理解： 1.反向代理：是nginx代理所有的服务器。而正向代理是vpn代理客户端！！ 反向代理是配置 proxy_pass 可以只配置一个地址如 ： proxy_pass http://127.0.0.1:8081; 也可以配置多个 2.那就是负载均衡 定义负载均衡服务器： upstream myserver { server 192.168.12.127:8080; server 192.168.12.127:
Nginx配置实例-反向代理实例：根据访问的路径跳转到不同端口的服务中
imherer的博客
06-19 1904
场景 Ubuntu Server 16.04 LTS上怎样安装下载安装Nginx并启动： https://blog.youkuaiyun.com/BADAO_LIUMANG_QIZHI/article/details/102828075 Nginx的配置文件位置以及组成部分结构讲解： https://blog.youkuaiyun.com/BADAO_LIUMANG_QIZHI/article/details/102829618 Linux-Ubuntu Server 16.04安装JDK以及配置JDK环境变量： htt...
尚硅谷 - nginx笔记05 - 使用nginx 反向代理，根据访问的路径跳转到不同端口的服务中
hecr_mingong的博客
06-18 367
0.利用dokcer搭建tomcat https://blog.youkuaiyun.com/hecr_mingong/article/details/106131495 [root@iZbp1e9mxelwe7pwimpw8sZ ~]# docker run -itd --name=tomcat8_1 -p 8080:8080 tomcat:8 3a38d2c5df550ef2803368d179ca410e5fe9f9956c093deed3b592d617eaea8e [root@iZbp1e9mxelwe7pw
nginx.conf完整配置实例
aiqiushan4132的博客
02-23 446
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_conn...
nginx路由重定向
weixin_30477797的博客
04-10 664
location / { if ($http_host !~ "m.xxx.cn"){ rewrite ^/web/(.*)/bdu(\d?)\.htm(.*)$ /rewrite.php?custom_dir=$1&bdu_num=$2 last; } rewrite ^/seo_web/(.*)/index\.html(.*)$ /seo_web/re...
nginx详解-nginx 配置实例-反向代理
Andy's Blog
11-12 789
反向代理实例一 实现效果：使用 nginx 反向代理，访问 www.123.com 直接跳转到 127.0.0.1:8080 实验代码 1） 启动一个 tomcat，浏览器地址栏输入 127.0.0.1:8080，出现如下界面 2）通过修改本地 host 文件，将 www.123.com 映射到 127.0.0.1 --->如果不在同一台机器上，需要将127.0.0.1，替换成安装...
nginx一个端口 跳转到 两个不同webapp
最新发布
07-19
### Nginx 配置一个端口根据请求路由到两个不同的 Web 应用 在 Nginx 中，可以通过配置不同的 `server` 块或 `location` 块，实现根据请求的域名、路径或 URL 路由到不同的后端 Web 应用。这种方式可以充分利用单个端口发布多个 Web 应用，提升资源利用率并简化访问入口。 #### 通过域名区分不同的 Web 应用 当使用不同的域名访问时，可以通过设置 `server_name` 来区分目标应用。例如，`aaa.example.com` 指向应用 A，`bbb.example.com` 指向应用 B。 ```nginx server { listen 80; server_name aaa.example.com; location / { root /var/www/app-a; index index.html; try_files $uri $uri/ =404; } } ``` ```nginx server { listen 80; server_name bbb.example.com; location / { root /var/www/app-b; index index.html; try_files $uri $uri/ =404; } } ``` 上述配置中，Nginx 通过 `server_name` 匹配请求头中的域名，并将请求路由到对应的 Web 应用目录[^2]。 #### 通过路径区分不同的 Web 应用 如果希望通过同一个域名下的不同路径访问多个 Web 应用，可以使用 `location` 块进行匹配。例如，`example.com/app1/` 路由到应用 A，`example.com/app2/` 路由到应用 B。 ```nginx server { listen 80; server_name example.com; location /app1/ { proxy_pass http://127.0.0.1:3000/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location /app2/ { proxy_pass http://127.0.0.1:4000/; 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 根据请求路径将流量代理到不同的后端服务，实现单端口多应用的分发[^3]。 #### 通过 URL 参数或请求头进行高级路由 在某些场景下，可能需要根据请求头（如 `Host`、`User-Agent`）或 URL 参数进行更复杂的路由。例如，基于请求头将移动端和桌面端流量分别转发到不同服务。 ```nginx server { listen 80; if ($http_user_agent ~* (iPhone|iPad|Android)) { rewrite ^/(.*)$ /mobile/$1 break; } location /mobile/ { proxy_pass http://127.0.0.1:5000/; } location / { proxy_pass http://127.0.0.1:6000/; } } ``` 此配置通过检测请求头中的用户代理信息，将移动设备请求重写并转发到指定的后端服务[^1]。 #### 示例：配置两个 Spring Boot 应用共用一个 Nginx 端口 假设本地运行两个 Spring Boot 应用： - 产品服务：运行在 `localhost:8080`，上下文路径为 `/product` - 订单服务：运行在 `localhost:8081`，上下文路径为 `/order` Nginx 配置如下： ```nginx server { listen 80; location /product/ { proxy_pass http://127.0.0.1:8080/product/; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } location /order/ { proxy_pass http://127.0.0.1:8081/order/; proxy_set_header Host $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } } ``` 通过访问 `http://example.com/product/add` 和 `http://example.com/order/update`，即可分别访问两个不同的 Web 应用[^4]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

初学者_mengxin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值