Vue框架--cookie与session操作

  1. 1. 设置cookie
  2. 2. 获取cookie值
  3. 3. 删除cookie
  4. 4.session操作
  5. 5.通过js方式获取cookie

1. 设置cookie

# 三个参数分别代表 cookie名称、cookie值、设置cookie有效期 (天:d ,小时:h)
this.$cookies.set("username", response.data.userinfo.username, "15d")
this.$cookies.set("identify", response.data.userinfo.identify, "15d")

2. 获取cookie值

# 通过cookie名称去获取 cookie值
this.username = this.$cookies.get("username")
this.username_zh = this.$cookies.get("username_zh")

3. 删除cookie

# 通过cookie名称去删除cookie
this.$cookies.remove("username")
this.$cookies.remove("token")

4.session操作

# 存储数据
sessionStorage.setItem('key', 'value');

#  获取数据
const data = sessionStorage.getItem('key');
console.log(data); // 输出 'value'

# 删除数据
sessionStorage.removeItem('key');

# 清除所有会话数据
sessionStorage.clear();

5.通过js方式获取cookie

代码地址


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。

文章标题:Vue框架--cookie与session操作

本文作者:伟生

发布时间:2023-09-08, 22:44:12

最后更新:2024-03-06, 22:32:34

原始链接:http://yoursite.com/2023/09/08/qianduan_04_vue_study_7_cookie/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏