1.下载依赖

npm i js-cookie -S

2.引入使用

import Cookies from 'js-cookie'
// 创建一个在整个网站上有效的Cookie
Cookies.set('name', 'value');

// 创建一个从现在起7天后过期的cookie,在整个站点上有效
Cookies.set('name', 'value', { expires: 7 });

// 创建一个过期的cookie,对当前页面的路径有效
Cookies.set('name', 'value', { expires: 7, path: '' });

// 读取cookie
Cookies.get('name');

// 阅读所有可见的Cookie
Cookies.get();

// 删除cookie
Cookies.remove('name');

浏览器存在cookie 前端获取不到原因:httpOnly默认为true打对号√情况下,禁止javascript操作cookie,导致获取不到

 

httpOnly是服务器可访问 cookie, 默认是 true。禁止javascript操作cookie(为避免跨域脚本(xss)攻击,通过javascript的document.cookie无法访问带有HttpOnly标记的cookie。)