nginx域名隐性(地址栏域名不变)跳转

不太想努力 發表於 2021-11-22 18:15:00

nginx域名隐性(地址栏域名不变)跳转

###
<h2>1、前提</h2>
<div class="cnblogs_code">
<pre>系统介绍
系统A
 域名： http://yhjmp.test.com
 部署服务器：192.168.56.20 服务器名称：A-system
系统B
 域名： http://yh.test.com或者http://yh.test.com/B-system【本文做了301永久跳转】
 部署服务器：192.168.56.140 服务器名称：B-system
系统B附属系统
 域名： http://yh.test.com/B-system-bak
 部署服务器：192.168.56.140 服务器名称：B-system
需求
　　两套系统A、B使用统一域名 http://yhjmp.test.com 　　点击跳转按钮，可访问两套系统中内容，域名不变 　　示例：浏览器地址栏中输入yhjmp.test.com域名不变访问的内容为yh.test.com上的内容 </pre>
<img src="https://img2020.cnblogs.com/blog/1274745/202111/1274745-20211122170059181-420536418.png" alt="" loading="lazy"></div>
<h2> 2、B系统-前端代码</h2>
<div class="cnblogs_code">
<pre># pwd
/usr/share/nginx/html

# tree -L 2
.
├── B-system
│ └── index.html
├── B-system-bak
└── index.html

# cat B-system/index.html
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<h1> B ~ 系统</h1>
<button onclick="window.location.href='/A-system/index.html'" type="button" id="add">跳转A系统</button>
 
<button onclick="window.location.href='/B-system/index.html'" type="button" id="add">跳转B系统</button>
 
<button onclick="window.location.href='/B-system-bak/index.html'" type="button" id="add">跳转B系统附属系统</button>
 

# cat B-system-bak/index.html
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<h1> B ~ 系统 ~ 附属系统</h1>
<button onclick="window.location.href='/A-system/index.html'" type="button" id="add">跳转A系统</button>
 
<button onclick="window.location.href='/B-system/index.html'" type="button" id="add">跳转B系统</button>
 
<button onclick="window.location.href='/B-system-bak/index.html'" type="button" id="add">跳转B系统附属系统</button>
 </pre>
</div>
<h2>3、A系统-前端代码</h2>
<div class="cnblogs_code">
<pre># pwd
/usr/share/nginx/html

# tree -L 2
.
├── A-system
└── index.html

# cat A-system/index.html
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<h1> A ~ 系统</h1>
<button onclick="window.location.href='/A-system/index.html'" type="button" id="add">跳转A系统</button>
 
<button onclick="window.location.href='/B-system/index.html'" type="button" id="add">跳转B系统</button>
 
<button onclick="window.location.href='/B-system-bak/index.html'" type="button" id="add">跳转B系统附属系统</button>
 </pre>
</div>
<h2>4、B系统nginx配置</h2>
<div class="cnblogs_code">
<pre># cat /etc/nginx/nginx.conf
# For more information on configuration, see:
# * Official English Documentation: http://nginx.org/en/docs/
# * Official Russian Documentation: http://nginx.org/ru/docs/

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log notice;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
worker_connections 1024;
}
http {
log_formatmain'$remote_addr - $remote_user [$time_local] "$request" '
 '$status $body_bytes_sent "$http_referer" '
 '"$http_user_agent" "$http_x_forwarded_for"';
access_log/var/log/nginx/access.logmain;
rewrite_log on;
error_log /var/log/nginx/error.log notice;

sendfile on;
tcp_nopush on;
tcp_nodelay on;
keepalive_timeout 65;
types_hash_max_size 4096;

include /etc/nginx/mime.types;
default_type application/octet-stream;

include /etc/nginx/conf.d/*.conf;

server {
 server_nameyh.test.com;
 location /B-system {
 root /usr/share/nginx/html;
 try_files $uri $uri//B-system/index.html;
 indexindex.html index.htm;
 }
 location /B-system-bak{
 root /usr/share/nginx/html;
 try_files $uri $uri//B-system-bak/index.html;
 indexindex.html index.htm;
 }
 location / {
 rewrite ^/(.*) http://yh.test.com/B-system permanent;
 }
 }
}</pre>
</div>
<h2> 5、A系统nginx配置</h2>
<div class="cnblogs_code">
<pre># cat /etc/nginx/nginx.conf
# For more information on configuration, see:
# * Official English Documentation: http://nginx.org/en/docs/
# * Official Russian Documentation: http://nginx.org/ru/docs/

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
worker_connections 1024;
}

http {
log_formatmain'$remote_addr - $remote_user [$time_local] "$request" '
 '$status $body_bytes_sent "$http_referer" '
 '"$http_user_agent" "$http_x_forwarded_for"';

access_log/var/log/nginx/access.logmain;

sendfile on;
tcp_nopush on;
tcp_nodelay on;
keepalive_timeout 65;
types_hash_max_size 4096;

include /etc/nginx/mime.types;
default_type application/octet-stream;

include /etc/nginx/conf.d/*.conf;

server {
 server_name yhjmp.test.com;
 location /A-system {
 root /usr/share/nginx/html;
 try_files $uri $uri//A-system/index.html;
 indexindex.html index.htm;
 }
 # 域名不变访问B系统资源
 location/B-system {
 proxy_next_upstream error timeout http_503 http_504 http_502;
 proxy_connect_timeout 500s;
 proxy_read_timeout 500s;
 proxy_send_timeout 500s; # 本次测试做了本地host解析。 # 生产环境未做host解析的两套系统需注释proxy_set_header Host $host;这行代码 #【proxy_set_header Host $host;含义：会代理到本机主机名下的/B-system目录寻找资源，如果没有则报错404】 #【404报错原因：如果客户端请求头中没有携带这个头部，那么传递到后端服务器的请求也不含这个头部。这种情况下，更好的方式是使用$host变量——它的值在请求包含“Host”请求头时为“Host”字段的值，在请求未携带“Host”请求头时为虚拟主机的主域名】
 # proxy_set_header Host $host;
 proxy_set_header X-Real-IP $remote_addr;
 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 重写url：(.*)括号面的.* 既是后面的$1。此location中^(.*)$：则是代表匹配url中/B-system/后面的全部内容
 rewrite^(.*)$ /$1break;#先改写URI地址 　　　　　　　# 反向代理地址：写上域名即可，访问时后面会自行带上/B-system/$1的url
　　　　　　　proxy_pass http://yh.test.com;
 }
 location / {
 rewrite ^/(.*) http://yhjmp.test.com/A-system permanent;
 }
 }
}</pre>
</div>
<h2>6、单独访问B系统效果(无法访问到A系统)</h2>
<div class="cnblogs_code">
<pre><img src="https://img2020.cnblogs.com/blog/1274745/202111/1274745-20211122180052590-984324515.png" alt="" loading="lazy"></pre>
 
<pre></pre>
<pre></pre>
</div>
<h2>7、使用同一域名访问效果(访问A/B系统)</h2>
<div class="cnblogs_code">
<pre><img src="https://img2020.cnblogs.com/blog/1274745/202111/1274745-20211122174621226-348083473.png" alt="" loading="lazy"> </pre>
</div>
 
###
  
来源：https://www.cnblogs.com/faithH/p/15589084.html

頁: [1]

琼殿技术论坛's Archiver

nginx域名隐性(地址栏域名不变)跳转