HTTP协议之重定向之NodeJs版解析

http协议之重定向——nodejs版

一、 重定向

1、基本介绍

url 重定向，也称为 url 转发，是一种当实际资源，如单个页面、表单或者整个 web 应用被迁移到新的 url 下的时候，保持（原有）链接可用的技术。http 协议提供了一种特殊形式的响应—— http 重定向（http redirects）来执行此类操作。
在 http 协议中，重定向操作由服务器通过发送特殊的响应而触发。http 协议的重定向响应的状态码为 3xx 。在接收到重定向响应的时候，会采用该响应提供的新的 url ，并立即进行加载；大多数情况下，除了会有一小部分性能损失之外，重定向操作对于用户来说是不可见的。

重定向一般用于整站迁移。

2、 location

location 首部指定的是需要将页面重新定向至的地址。一般在响应码为3xx的响应中才会有意义、

3、如何使用重定向？

heads添加location字段

二、 临时重定向——302

1、基本介绍

有时候请求的资源无法从其标准地址访问，但是却可以从另外的地方访问。在这种情况下可以使用临时重定向。搜索引擎不会记录该新的、临时的链接。在创建、更新或者删除资源的时候，临时重定向也可以用于显示临时性的进度页面。

2、状态码：302

3、代码示例：

const http = require("http");
const fs = require("fs");
const host = "127.0.0.1";
const port = 8080;

const server = http.createserver((requestmsg, response) => {

    if (requestmsg.url === "/img") {
        console.log("/img")
        //301谨慎使用，否则只有客户自动清除缓存
        // response.writehead(301,"permanent redirect",{//此段代码只执行一次
        //     "location":"/yxc"
        // })
        response.writehead(302,"temporary redirect",{
            "location":"/yqx"
        })
        response.end();
        // response.writehead(200, "ok", {"content-type": "text/html; charset=utf-8"});
        // response.end("图片请求");
    } else if (requestmsg.url === "/yxc") {
        console.log("/yxc")
        requestmsg.on("data", (data) => {
            console.log("data:" + data.tostring())
        })

        response.setheader("content-type", "image/jpeg")
        const reads = fs.createreadstream("./imgs/yxc.jpg");
        reads.pipe(response);
    } else if (requestmsg.url === "/yqx") {
        console.log("/yqx")
        requestmsg.on("data", (data) => {
            console.log("data:" + data.tostring())
        })

        response.setheader("content-type", "image/jpeg")
        const reads = fs.createreadstream("./imgs/yqx.jpg");
        reads.pipe(response);
    } else {
        response.writehead(500, "invalid request", {"content-type": "text/html; charset=utf-8"});
        response.end("无效请求");
    }

})
server.listen(port, host, () => {
    console.log(`server starting at ${host}:${port}`)
})

4、代码说明：
执行上述代码后，如下代码可执行多次：

 response.writehead(302,"temporary redirect",{
             "location":"/yqx"
         })

当更改location值时，可以重新定位。

三、永久重定向——301

1、基本介绍

这种重定向操作是永久性的。它表示原 url 不应再被使用，而应该优先选用新的 url。搜索引擎机器人会在遇到该状态码时触发更新操作，在其索引库中修改与该资源相关的 url。

2、状态码：301

3、代码示例：

const http = require("http");
const fs = require("fs");
const host = "127.0.0.1";
const port = 8080;

const server = http.createserver((requestmsg, response) => {

    if (requestmsg.url === "/img") {
        console.log("/img")
        //301谨慎使用，否则只有客户自动清除缓存
        response.writehead(301,"permanent redirect",{//此段代码只执行一次
            "location":"/yxc"
        })
        // response.writehead(302,"temporary redirect",{
        //     "location":"/yqx"
        // })
        response.end();
        // response.writehead(200, "ok", {"content-type": "text/html; charset=utf-8"});
        // response.end("图片请求");
    } else if (requestmsg.url === "/yxc") {
        console.log("/yxc")
        requestmsg.on("data", (data) => {
            console.log("data:" + data.tostring())
        })

        response.setheader("content-type", "image/jpeg")
        const reads = fs.createreadstream("./imgs/yxc.jpg");
        reads.pipe(response);
    } else if (requestmsg.url === "/yqx") {
        console.log("/yqx")
        requestmsg.on("data", (data) => {
            console.log("data:" + data.tostring())
        })

        response.setheader("content-type", "image/jpeg")
        const reads = fs.createreadstream("./imgs/yqx.jpg");
        reads.pipe(response);
    } else {
        response.writehead(500, "invalid request", {"content-type": "text/html; charset=utf-8"});
        response.end("无效请求");
    }

})
server.listen(port, host, () => {
    console.log(`server starting at ${host}:${port}`)
})

4、代码说明：

执行永久重定向代码后，如下代码只执行一次：

 response.writehead(302,"temporary redirect",{
             "location":"/yxc"
         })

当更改location值后，

 response.writehead(302,"temporary redirect",{
             "location":"/yys"
         })

ip定位使用的一直是 "location":"/yqx"，直到清理缓存后，才会使用 "location":"/yys"。
5、注意事项

永久重定向301谨慎使用，一旦设定永久重定向，浏览器将一直触发新操作，除非用户清理缓存。如果中途改变了网站迁移地址，必须用户清除缓存后才能访问到新网站，导致用户体验非常不好。

四、面试点：重定向的三个状态301 302 304

301：永久重定向
302：临时重定向
304：协商缓存