利用Nginx實現(xiàn)URL重定向的簡單方法
1. 概述
老話說的好:取乎上,得其中;取乎中,得其下。因此我們不妨把目標定的高一些,去努力,才能得到更好回報。
言歸正傳,今天我們來聊聊 使用 Nginx 實現(xiàn) URL 的重定向。
2. 使用 Nginx 實現(xiàn) URL 的重定向
2.1 使用場景
我們?nèi)粘7窒硪粋€網(wǎng)站地址時,常常會有這樣的效果,同樣一個網(wǎng)址,在電腦的瀏覽器打開,是一種效果,而在手機的瀏覽器打開,就會展現(xiàn)出另一種更適合手機顯示的效果。
通常要達到這樣的效果,有兩種方式實現(xiàn):
一、使用自適應(yīng)的 H5 頁面實現(xiàn),根據(jù)窗口寬度的大小,自動調(diào)整頁面的布局。
二、使用Nginx,依據(jù)終端的不同,跳轉(zhuǎn)到不同的頁面,電腦打開,跳轉(zhuǎn)到 PC端 使用的網(wǎng)頁,手機打開,跳轉(zhuǎn)到 手機端 使用的網(wǎng)頁。
今天我們介紹一下第二種方式,是如何實現(xiàn)的。
2.2 單純的重定向
有些 URL 的重定向,新 URL 不需要繼承原 URL 的參數(shù),例如 網(wǎng)站首頁,這種情況,在 Nginx 配置文件的 location 中使用 return 302 的方式進行跳轉(zhuǎn)即可。
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 依據(jù)原 URL 重定向
另一種情況就是 新 URL 需要繼承原 URL 的參數(shù),這種情況就需要使用 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 關(guān)鍵字,代表 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根據(jù)url參數(shù)重定向
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參數(shù)
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; }
總結(jié)
到此這篇關(guān)于利用Nginx實現(xiàn)URL重定向的文章就介紹到這了,更多相關(guān)Nginx URL重定向內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Nginx禁止國外IP訪問我的網(wǎng)站的實現(xiàn)
本文主要介紹了Nginx禁止國外IP訪問我的網(wǎng)站的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2023-07-07解析阿里云centos7服務(wù)器nginx配置及常見問題解答
這篇文章主要介紹了阿里云centos7服務(wù)器nginx配置及常見問題解答,本文給大家介紹的非常詳細,對大家的學(xué)習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07通過nginx反向代理來調(diào)試代碼的實現(xiàn)
這篇文章主要介紹了通過nginx反向代理來調(diào)試代碼的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-01-01nginx: [warn] "log_format" directive used only on "http" lev
這篇文章主要介紹了nginx: [warn] "log_format" directive used only on "http" level 解決方法,需要的朋友可以參考下2014-08-08Nginx服務(wù)器的反向代理proxy_pass配置方法講解
這篇文章主要介紹了Nginx服務(wù)器的反向代理proxy_pass配置方法講解,包括經(jīng)常被提到的url的/問題的相關(guān)說明,需要的朋友可以參考下2016-01-01