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