vue3获取cookie
1.下载依赖包
npm i js-cookie -S
2.在使用cookie的页面上进行引入
import Cookies from 'js-cookie'
3.使用
创建一个在整个网站上有效的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(); // => { name: 'value' }
删除cookie:
Cookies.remove('name');
删除对当前页面路径有效的cookie:
Cookies.set('name', 'value', { path: '' }); Cookies.remove('name');
注意:删除cookie时,必须传递用于设置cookie的完全相同的路径和域属性,除非您依赖于默认属性
注意:删除不存在的cookie不会引发任何异常,也不会返回任何值
httpOnly是服务器可访问 cookie, 默认是 true
禁止javascript操作cookie,为避免跨域脚本(xss)攻击,通过javascript的document.cookie无法访问带有HttpOnly标记的cookie
在后端设置httponly为false即可
Cookie cookie2 = new Cookie("username",username); cookie2.setPath("/"); cookie2.setMaxAge(Math.toIntExact(redisSessionUtils.getTIMEOUTSECONDS())); cookie2.setHttpOnly(false); response.addCookie(cookie2);