解决document.cookie无法获取到cookie问题

全栈程序员-站长 • 2022年7月27日下午6:00 • 未分类 • 阅读 3

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

一、前言

在进行前后端联调的时候，由于想实现一个登出操作，前端自动删除浏览器存储的cookie，想通过document.cookie来获取进而进行删除操作，但是发现浏览器有cookie；但是无法获取到情况遂记录

二、场景复现

首先登录后，浏览器中是有记录cookie的，如图
然后我代码层执行documen.cookie发现获取不到，浏览器控制台也同样
后面去研究了一下application中存放的cookies的属性内容，发现有个属性HttpOnly是选中状态，这个状态是由于后端设置cookie的时候设置了该属性为true导致

//后端代码
public static void addCookie(HttpServletResponse response, String name, String value, String domain, int maxAge) { 
   
    try { 
   
        Cookie cookie = new Cookie(name, URLEncoder.encode(value, "utf-8"));
        cookie.setPath("/");
        cookie.setDomain(domain);
        cookie.setMaxAge(maxAge);
        cookie.setHttpOnly(true);   //后端设置httpOnly属性为true
        response.addCookie(cookie);
    } catch (Exception var6) { 
   
        throw new RuntimeException(var6.getMessage());
    }
}

在这里插入图片描述

后面我将HttpOnly设置false状态后，documen.cookie就能够获取到
百度查了一下HttoOnly属性的作用，觉得这个博主解释很到位【HttpOnly解答】

HttpOnly是2016年微软为IE6而新增了这一属性
HttpOnly是包含在http返回头Set-Cookie里面的一个附加的flag，所以它是后端服务器对cookie设置的一个附加的属性，在生成cookie时使用HttpOnly标志有助于减轻客户端脚本访问受保护cookie的风险（如果浏览器支持则会显示，若不支持则选择传统方式）