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。）