Vue2前端项目中Token的存储和过期时间设置方法?

作者站长头像
站长
· 阅读数 5

vue2项目前端,token的存放以及设置过期时间?

是选择存放在cookie中设置过期时间,还是存放在localStorage中设置过期时间,哪一个更符合需求,ps:前端初入行,没使用过cookie,不太了解,平时只用localStorage

回复
1个回答
avatar
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 )

answer image

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容