前端：application中cookie值存在，但是取不到cookie的值

最新推荐文章于 2024-07-22 18:22:02 发布

汪叽家的兔子羡

最新推荐文章于 2024-07-22 18:22:02 发布

阅读量2.8k

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/LuoYi_ly_/article/details/124246104

版权

问题描述：cookie值存在，但是取不到cookie的值
按F12，打开application，能够看到我们需要的cookie对应值是存在的，但是在控制台中通过自己封装的getCookie或者是document.cookie都查询不到我们需要的值

出现的原因：
按F12，打开application，能够看到cookie中uname对应的HttpOnly的状态为已勾选，而此时在控制台中是取不到uname的值
在这里插入图片描述

什么是HttpOnly？

HttpOnly是包含在http返回头Set-Cookie里面的一个附加的flag，所以它是后端服务器对cookie设置的一个附加的属性，在生成cookie时使用HttpOnly标志有助于减轻客户端脚本访问受保护cookie的风险（如果浏览器支持的话）
作者：牧羊人刘俏
链接：https://www.jianshu.com/p/ba6500990694
来源：简书

对此问题的解决办法：
需要后端将对应cookie值的HttpOnly状态修改为false，在前端就能取到对应的值
可以尝试在application中手动将uname的HttpOnly状态取消勾选，此时就能在控制台中打印uname的值
在这里插入图片描述