cookie的查看、设置、获取

查看当前网站cookie的两种快捷方法

1.在浏览器的地址栏输入:javascript:alert(document.cookie) (不区分大小写),就会弹出你在当前网页登录的cookie信息。

注意:你把以上复制进入地址栏后会发现,“javascript”字符串消失不见,不管“javascript”里面哪一个字母被大写或小写,只要识别为“javascript”就会自动被过滤隐藏消失。
你应该复制下面这个到地址栏(粘贴到地址栏后再把前面的“0”去掉):
0javascript:alert(document.cookie)

2.按F12进入浏览器的开发者模式——console——在命令行输入document.cookie,再回车即可

以上来自名为ispotu博主的分享 原博主文章链接

设置cookie

1、使用原生的sentHeader方法

let express = require("express");
let app = express();

app.get('/',(req,res)=>{
   //使用setHeader,设置cookie,其username为的jumao
   res.setHeader('set-cookie','username=jumao')
    res.send('<h2>cookie的发送</h2>');
})
app.listen(3000,()=>{
    console.log('3000 this interface is ok');
})

让它跑起来,显示如下

[Running] node "c:\Users\mi\Documents\Tencent Files\2227851749\FileRecv\HuaShanClass\Node.JS\day03\17-send_cookie.js"
3000 this interface is ok

浏览器查看
application中查看
在这里插入图片描述
network中查看
在这里插入图片描述
2、在express中,使用对应封装好了的方法
——res.cookie(name,value[.option])

let express = require("express");
let app = express();

app.get('/', (req, res) => {
    res.cookie('username', 'Orangcat')
    res.send('<h2>cookie的发送</h2>');
})
app.listen(3000, () => {
    console.log('3000 this interface is ok');
})

浏览器中查看如下
在这里插入图片描述
cookie是作为响应信息从服务端发送给浏览器的,需要遵循cookie的格式。

获取cookie

获取cookie的两个地方:服务器端、浏览器端

1、浏览器端
通过js来获取,在console处使用命令 document.cookie
在这里插入图片描述
在实现会机制的时候,多为服务端的获取
可以在network中查看http的请求
cookie作为请求头,从浏览器算传递到服务端的,这个操作是自动进行的。
任何一次http请求,浏览器都会自己懈怠cookie。向服务端发送http请求。

默认情况下,req对象中没有对cookie进行解析,所以不能直接获取。
需要使用第三方的中间件,使用方法如下

安装cookie-parser
在自己的文件目录下使用下面命令

npm i cookie-parser  

安装成功可显示在这里插入图片描述
JS代码

let express = require('express');
let app = express();
//引入cookie-parser使用中间件
let cookieParser = require('cookie-parser')
//使用cookie-parser中间件
app.use(cookieParser());
app.get('/',(req,res)=>{
    //获取cookie信息
    console.log(req.cookies);
    res.send('cookied的获取')
})
app.listen(3000, () => {
    console.log('3000 this interface is ok');
})

以上

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值