URL重定向原理

進行URL重定向時，服務(wù)器只在響應(yīng)信息的HTTP頭信息中設(shè)置了HTTP狀態(tài)碼和Location頭信息。

當狀態(tài)碼為301或302時（301－永久重定向、302－臨時重定向），表示資源位置發(fā)生了改變，需要進行重定向。

Location頭信息表示了資源的改變的位置，即：要跳重定向的URL。

 location()與redirect()的比較

Express的response對象，是對Node.js原生對象ServerResponse的擴展。location()方法只會設(shè)置Location頭，而redirect()方法除了會設(shè)置Location頭外還可自動或手頭設(shè)置HTTP狀態(tài)碼。理論上講兩者可以實現(xiàn)重定向。

location()方法實現(xiàn)過程大致如下：

res.location = function(url){
 var req = this.req;

 // "back" 是 referrer的別名
 if ('back' == url) url = req.get('Referrer') || '/';

 // 設(shè)置Lcation
 this.setHeader('Location', url);
 return this;
};

從以上代碼可以看出，location()方法本質(zhì)上是調(diào)用了ServerResponse對象的setHeader()方法，但并沒有設(shè)置狀態(tài)碼。通過location()設(shè)置頭信息后，其后的代碼還會執(zhí)行。

使用location()方法實現(xiàn)URL的重定向，還要手動設(shè)置HTTP狀態(tài)碼：

res.location('http://itbilu.com');
res.statusCode = 301;

如果需要立即返回響應(yīng)信息，還要調(diào)用end()方法：

res.location('http://itbilu.com');
res.statusCode = 301;
res.end('響應(yīng)的內(nèi)容');

// 或
res.location('http://itbilu.com');
res.sent(302);

redirect()方法實現(xiàn)過程大致如下：

res.redirect = function(url){
 var head = 'HEAD' == this.req.method;
 var status = 302;
 var body;

 // 一些處理
 ……

 // 通過 location 方法設(shè)置頭信息
 this.location(url);
 
 // 另一些處理
 ……

 // 設(shè)置狀態(tài)并返回響應(yīng)
 this.statusCode = status;
 this.set('Content-Length', Buffer.byteLength(body));
 this.end(head ? null : body);
};

從以上代碼可以看出，redirect()方法是對location()方法的擴展。通過location()設(shè)置Loction頭后，設(shè)置HTTP狀態(tài)碼，最后通過ServerResponse對象的end()方法返回響應(yīng)信息。調(diào)用redirect()方法后，其后的代碼都不會被執(zhí)行

重定向與不重定向

在使用的過程中，redirect()方法大多能重定向成功，而location()方法則不太確定，有時可以成功有時不能成功。這與我們的用法有關(guān)。

上面講過，URL重定向是在瀏覽器端完成的，而URL重定向與HTTP狀態(tài)碼和Location頭有關(guān)。瀏覽器首先會判斷狀態(tài)碼，只有當狀態(tài)碼是：301或302時，才會根據(jù)Location頭中的URL進行跳轉(zhuǎn)。

所以，使用location()設(shè)置頭信息，而不設(shè)置狀態(tài)碼或狀態(tài)碼不是301或302，并不會發(fā)生重定向：

res.location('http://itbilu.com');
res.sent(200);

而使用redirect()設(shè)置的狀態(tài)碼不是301或302也不會發(fā)生跳轉(zhuǎn)：

res.redirect(200, 'http://itbilu.com');

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。