Vue2前端项目中Token的存储和过期时间设置方法?
vue2项目前端,token的存放以及设置过期时间?
是选择存放在cookie中设置过期时间,还是存放在localStorage中设置过期时间,哪一个更符合需求,ps:前端初入行,没使用过cookie,不太了解,平时只用localStorage
回复
1个回答
test
2024-06-20
token设置到cookie里就可以了
const token = '123';
//设置cookie
function setCookie(name, value, days) {
let date = new Date()
date.setDate(date.getDate() + days)
document.cookie = name + '=' + value + ';expires=' + date;
}
//获取cookie
function getCookie(arg) {
var cookie = {};
var cookieStr = window.document.cookie;
if (!cookieStr) {
cookie[arg] = '';
} else {
cookieStr.replace(/\s+/g, '').split(';').map((item, index) => {
cookie[item.split('=')[0]] = item.split('=')[1];
});
}
return cookie[arg];
}
//删除cookie
function removeCookie(name) {
setCookie('name', 18, -1)
}
//修改cookie
function changeCookie() {
document.cookie = 'along=1234'
}
设置token
setCookie('Token', token, 1 )
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容