Cookie介绍&&服务端操作cookie

87 阅读 0 评论 58 点赞

我是靠谱客的博主安静小土豆，这篇文章主要介绍Cookie介绍&&服务端操作cookie，现在分享给大家，希望可以做个参考。

Cookie是什么？
存储在浏览器的一段字符串，最大5kb
每个域都可有一个cookie，跨域不共享
格式如：k1=v1;k2=v2;k3=v3;(可结构化)
cookie会随着http请求传递给服务端
服务端可修改cookie，再返回给前端
默认情况下跨域不可传递cookie
服务端操作cookie之设置cookie
1. 在cookie-index.js中有一下代码

复制代码

1
2
3
4
5
6
7
8
9
10
11
// 服务端操作cookie
const http = require('http');
const server = http.createServer((req, res)=> {
    // 设置cookie
    res.setHeader('Set-Cookie', 'a=100')
    res.end('cookie test')
})

server.listen(3000);
console.log('server listen on 3000 port')

复制代码

1
2
3
2）在控制台中执行`node index-cookie.js`
3) 浏览器访问'localhost:3000'，在network中查看response

在这里插入图片描述

4)第二次再刷新后，可以在request header中看到上面设置的cookie
在这里插入图片描述

服务端操作cookie之获取cookie

复制代码

1
2
3
// 获取cookie
    console.log('cookie is', req.headers.cookie)

在这里插入图片描述
5. 结构化cookie

复制代码

1
2
3
4
5
6
7
8
9
10
11
// 结构化cookie
    // cookieStr: 'a=100; b=200'==>{a: '100', b: '200'}
    const cookieObj = {};
    cookieStr.split(';').forEach(cookieItemStr => {
        const arr = cookieItemStr.trim().split('=')
        const key = arr[0];
        const val = arr[1];
        cookieObj[key] = val
    })
    console.log('cookie obj is', cookieObj);

在这里插入图片描述
完整代码：index-cookie.js中

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// 服务端操作cookie
const http = require('http');
const server = http.createServer((req, res)=> {
    // 设置cookie
    res.setHeader('Set-Cookie', 'b=200')
    // 获取cookie
    const cookieStr = req.headers.cookie;
    console.log('cookie is', cookieStr)
    res.end('cookie test')
    // 结构化cookie
    // cookieStr: 'a=100; b=200'==>{a: '100', b: '200'}
    const cookieObj = {};
    cookieStr.split(';').forEach(cookieItemStr => {
        const arr = cookieItemStr.trim().split('=')
        const key = arr[0];
        const val = arr[1];
        cookieObj[key] = val
    })
    console.log('cookie obj is', cookieObj);
})

server.listen(3000);
console.log('server listen on 3000 port')