利用Nginx实现URL重定向的简单方法
1. 概述
老话说的好：取乎上，得其中；取乎中，得其下。因此我们不妨把目标定的高一些，去努力，才能得到更好回报。
言归正传，今天我们来聊聊 使用 Nginx 实现 URL 的重定向。
2. 使用 Nginx 实现 URL 的重定向
2.1 使用场景
我们日常分享一个网站地址时，常常会有这样的效果，同样一个网址，在电脑的浏览器打开，是一种效果，而在手机的浏览器打开，就会展现出另一种更适合手机显示的效果。
通常要达到这样的效果，有两种方式实现：
一、使用自适应的 H5 页面实现，根据窗口宽度的大小，自动调整页面的布局。
二、使用Nginx，依据终端的不同，跳转到不同的页面，电脑打开，跳转到 PC端 使用的网页，手机打开，跳转到 手机端 使用的网页。
今天我们介绍一下第二种方式，是如何实现的。
2.2 单纯的重定向
有些 URL 的重定向，新 URL 不需要继承原 URL 的参数，例如 网站首页，这种情况，在 Nginx 配置文件的 location 中使用 return 302 的方式进行跳转即可。
location / {
# 判断是否是移动端
if ( $http_user_agent ~ "(MIDP)|(WAP)|(UP.Browser)|(Smartphone)|(Obigo)|(Mobile)|(AU.Browser)|(wxd.Mms)|(WxdB.Browser)|(CLDC)|(UP.Link)|(KM.Browser)|(UCWEB)|(SEMC-Browser)|(Mini)|(Symbian)|(Palm)|(Nokia)|(Panasonic)|(MOT-)|(SonyEricsson)|(NEC-)|(Alcatel)|(Ericsson)|(BENQ)|(BenQ)|(Amoisonic)|(Amoi-)|(Capitel)|(PHILIPS)|(SAMSUNG)|(Lenovo)|(Mitsu)|(Motorola)|(SHARP)|(WAPPER)|(LG-)|(LG/)|(EG900)|(CECT)|(Compal)|(kejian)|(Bird)|(BIRD)|(G900/V1.0)|(Arima)|(CTL)|(TDG)|(Daxian)|(DAXIAN)|(DBTEL)|(Eastcom)|(EASTCOM)|(PANTECH)|(Dopod)|(Haier)|(HAIER)|(KONKA)|(KEJIAN)|(LENOVO)|(Soutec)|(SOUTEC)|(SAGEM)|(SEC-)|(SED-)|(EMOL-)|(INNO55)|(ZTE)|(iPhone)|(Android)|(Windows CE)|(Wget)|(Java)|(curl)|(Opera)" )
{
return 302 https://www.zhuifengren.com/h5/index.html;
}
proxy_pass http://myUpstream;
}
2.3 依据原 URL 重定向
另一种情况就是 新 URL 需要继承原 URL 的参数，这种情况就需要使用 rewrite 对 URL 进行改写。
location / {
# 判断是否是移动端
if ( $http_user_agent ~ "(MIDP)|(WAP)|(UP.Browser)|(Smartphone)|(Obigo)|(Mobile)|(AU.Browser)|(wxd.Mms)|(WxdB.Browser)|(CLDC)|(UP.Link)|(KM.Browser)|(UCWEB)|(SEMC-Browser)|(Mini)|(Symbian)|(Palm)|(Nokia)|(Panasonic)|(MOT-)|(SonyEricsson)|(NEC-)|(Alcatel)|(Ericsson)|(BENQ)|(BenQ)|(Amoisonic)|(Amoi-)|(Capitel)|(PHILIPS)|(SAMSUNG)|(Lenovo)|(Mitsu)|(Motorola)|(SHARP)|(WAPPER)|(LG-)|(LG/)|(EG900)|(CECT)|(Compal)|(kejian)|(Bird)|(BIRD)|(G900/V1.0)|(Arima)|(CTL)|(TDG)|(Daxian)|(DAXIAN)|(DBTEL)|(Eastcom)|(EASTCOM)|(PANTECH)|(Dopod)|(Haier)|(HAIER)|(KONKA)|(KEJIAN)|(LENOVO)|(Soutec)|(SOUTEC)|(SAGEM)|(SEC-)|(SED-)|(EMOL-)|(INNO55)|(ZTE)|(iPhone)|(Android)|(Windows CE)|(Wget)|(Java)|(curl)|(Opera)" )
{
rewrite (\w+-\w+)|(\?.*)$ https://www.zhuifengren.com/h5-$1-0.html$2 redirect;
}
proxy_pass http://myUpstream;
}
rewrite 的语法是： rewrite 正则表达式 改写后的URL redirect;
其中 redirect 是 302 临时重定向的意思，也可以使用 permanent 关键字，代表 301 永久重定向。
使用 rewrite 对 URL 进行改写，需要用到 正则表达式 的知识，改写后 URL 中的 $1、$2 代表正则表达式中匹配的第一个字符串和第二个字符串，这里大家可以去了解一下正则表达式，就不细说了。
例子中的正则表达式 (\w+-\w+)|(\?.*)$，可以将原 URL：
https://www.zhuifengren.com/1001-1223.jsp?v=123456
改写为
https://www.zhuifengren.com/h5-1001-1223-0.html?v=123456
补充：Nginx根据url参数重定向
1.判断url路径
location / {
if ($args ~* "/product-list?param1=val1&param2=val2") {
rewrite ^ http://www.mysite.com/product-list/$arg_param1/$arg_param2? last;
}
}
2. 判断url参数
if ($arg_path = 'abc'){
proxy_pass http://127.0.0.1/abc/$arg_path;
}
特别注意if is evil,nginx不提供多if判断，没有or这样的判断，所以只能用下文这种方式。
location /api/ {
if ($arg_token = '') {
proxy_pass http://127.0.0.1/abc
}
if ($http_token = '') {
proxy_pass http://127.0.0.2/abc
}
if ($token = paraheader) {
proxy_pass http://127.0.0.3/abc
}
proxy_pass http://127.0.0.1:8080/app/;
proxy_redirect off;
}总结
到此这篇关于利用Nginx实现URL重定向的文章就介绍到这了,更多相关Nginx URL重定向内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
Nginx是一个web服务器也可以用来做负载均衡及反向代理使用，目前使用最多的就是负载均衡，具体简介我就不介绍了百度一下有很多，下面直接进入安装步骤,需要的朋友可以参考下2017-08-08
Nginx 负载均衡的简单配置例子，供初学的朋友参考下2013-02-02
本地开发好了多个前端微信网页项目,想部署上线,本文就来介绍一下nginx配置同一域名同一端口下部署多个vue项目的实现,具有一定的参考价值,感兴趣的可以了解一下2023-10-10
Nginx 可以持续测试您的上游服务器，避免出现故障的服务器，并将恢复的服务器优雅地添加到负载均衡组中。这篇文章主要介绍了Nginx 被动检查服务器的存活状态,需要的朋友可以参考下2021-10-10
Nginx安装lua-nginx-module模块的方法步骤
ngx_lua_module 是一个nginx http模块，这篇文章主要介绍了Nginx安装lua-nginx-module模块的方法步骤，非常具有实用价值，需要的朋友可以参考下2018-12-12
本篇文章主要介绍了nginx日志模块及日志定时切割的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要给大家介绍了关于为何说要小心Nginx的add_header指令的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-02-02
本文主要介绍了Nginx内网单机反向代理的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
本篇文章主要介绍了通过Nginx反向代理实现IP访问分流的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
这篇文章主要介绍了Nginx和Apache几种防盗链配置方法实例,本文使用判断来路的方法实现防盗链,分别给出Nginx和Apache配置实例,需要的朋友可以参考下2015-02-02
最新评论