快捷導(dǎo)航

利用Nginx實(shí)現(xiàn)URL重定向的簡單方法

更新時(shí)間：2022年04月11日 08:02:53 作者：追風(fēng)人聊Java

使用Nginx的重定向功能時(shí),除了可以重定向到新域名,還可以將請求重定向到特定的協(xié)議上,下面這篇文章主要給大家介紹了關(guān)于如何利用Nginx實(shí)現(xiàn)URL重定向的簡單方法,需要的朋友可以參考下

1. 概述

老話說的好：取乎上，得其中；取乎中，得其下。因此我們不妨把目標(biāo)定的高一些，去努力，才能得到更好回報(bào)。

言歸正傳，今天我們來聊聊使用 Nginx 實(shí)現(xiàn) URL 的重定向。

2. 使用 Nginx 實(shí)現(xiàn) URL 的重定向

2.1 使用場景

我們?nèi)粘７窒硪粋€(gè)網(wǎng)站地址時(shí)，常常會有這樣的效果，同樣一個(gè)網(wǎng)址，在電腦的瀏覽器打開，是一種效果，而在手機(jī)的瀏覽器打開，就會展現(xiàn)出另一種更適合手機(jī)顯示的效果。

通常要達(dá)到這樣的效果，有兩種方式實(shí)現(xiàn)：

一、使用自適應(yīng)的 H5 頁面實(shí)現(xiàn)，根據(jù)窗口寬度的大小，自動(dòng)調(diào)整頁面的布局。

二、使用Nginx，依據(jù)終端的不同，跳轉(zhuǎn)到不同的頁面，電腦打開，跳轉(zhuǎn)到 PC端使用的網(wǎng)頁，手機(jī)打開，跳轉(zhuǎn)到手機(jī)端使用的網(wǎng)頁。

今天我們介紹一下第二種方式，是如何實(shí)現(xiàn)的。

2.2 單純的重定向

有些 URL 的重定向，新 URL 不需要繼承原 URL 的參數(shù)，例如網(wǎng)站首頁，這種情況，在 Nginx 配置文件的 location 中使用 return 302 的方式進(jìn)行跳轉(zhuǎn)即可。

location / {
        # 判斷是否是移動(dòng)端
        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 進(jìn)行改寫。

location / {
        # 判斷是否是移動(dòng)端
        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 正則表達(dá)式改寫后的URL redirect;

其中 redirect 是 302 臨時(shí)重定向的意思，也可以使用 permanent 關(guān)鍵字，代表 301 永久重定向。

使用 rewrite 對 URL 進(jìn)行改寫，需要用到正則表達(dá)式的知識，改寫后 URL 中的 $1、$2 代表正則表達(dá)式中匹配的第一個(gè)字符串和第二個(gè)字符串，這里大家可以去了解一下正則表達(dá)式，就不細(xì)說了。

例子中的正則表達(dá)式 (\w+-\w+)|(\?.*)$，可以將原 URL：

https://www.zhuifengren.com/1001-1223.jsp?v=123456

改寫為

https://www.zhuifengren.com/h5-1001-1223-0.html?v=123456

補(bǔ)充：Nginx根據(jù)url參數(shù)重定向

1.判斷url路徑

location / {
    if ($args ~* "/product-list?param1=val1&amp;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;
    }