当前位置:首页 > 谈天说地 > 正文内容

cookie插件怎么用(取cookie的方法)

34资源网2022年02月22日 15:05251
1、前言:

在vue中如果想要操作cookie,除了使用之前我们自己封装好的操作cookie的方法之外,我们还可以使用vue-cookies插件,这是一个简单的Vue.js插件,专门用于在vue中处理浏览器的cookie操作,vue-cookies没有依赖关系,它可以独立存在,对vuejs友好。本篇博文就来介绍如何使用vue-cookies插件。

2.安装vue-cookies
npm install vue-cookies --save
3.引入vue-cookies

安装完毕后,我们需要在vue项目中明确引入vue-cookies。

import Vue from 'vue'
import VueCookies from 'vue-cookies'
Vue.use(VueCookies)
4.API

-设置全局配置,设置cookie过期时间和url

this.$cookies.config(expireTimes[,path])  // default: expireTimes = 1d , path=/

-设置一个cookie

this.$cookies.set(keyName, value[, expireTimes[, path[, domain[, secure]]]])   //return this

-获取一个cookie

this.$cookies.get(keyName)       // return value   

-删除一个cookie

this.$cookies.remove(keyName [, path [, domain]])   // return this
//例如:that.$cookies.remove("CHOOSE","/",'.xxx.com')

-检查某个 cookie name是否存在

this.$cookies.isKey(keyName)        // return false or true

-获取所有 cookie name,以数组形式返回

this.$cookies.keys()  // return a array
5.设置cookie过期时间 5.1全局设置
// 30天后过期
this.$cookies.config('30d')

this.$cookies.config(new Date(2019,03,13).toUTCString())

this.$cookies.config(60 * 60 * 24 * 30,'');

// window object
window.$cookies.config('30d')
5.2单个name设置
//不写过期时间,默认为1天过期
this.$cookies.set("user_session","25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX")

// 1天过期,忽略大小写
this.$cookies.set("user_session","25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX","1d")
this.$cookies.set("user_session","25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX","1D")

// 以秒为单位,设置1天过去
this.$cookies.set("user_session","25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX",60 * 60 * 24)

// 填写Date对象,明确指定过期时间
this.$cookies.set("user_session","25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX", new Date(2017, 03, 12))

// 填写一个时间字符串,指定过期时间
this.$cookies.set("user_session","25j_7Sl6xDq2Kc3ym0fmrSSk2xV2XkUkX", "Sat, 13 Mar 2017 12:25:57 GMT")

//浏览器会话结束时过期
this.$cookies.set("default_unit_second","input_value","0");
 
//永不过期
this.$cookies.set("default_unit_second","input_value",-1); 
5.3字符串单位形式设置

设置过期时间,输入字符串类型(字符均忽略大小写):

Unit full name
y year
m month
d day
h hour
min minute
s second
this.$cookies.set("token","GH1.1.1689020474.1484362313","60s");  // 60秒后过去

this.$cookies.set("token","GH1.1.1689020474.1484362313","30MIN");  // 30分钟后过去

this.$cookies.set("token","GH1.1.1689020474.1484362313","24d");  // 24天后过期

this.$cookies.set("token","GH1.1.1689020474.1484362313","4m");  // 4个月后过期

this.$cookies.set("token","GH1.1.1689020474.1484362313","16h");  // 16小时后过期

this.$cookies.set("token","GH1.1.1689020474.1484362313","3y");  // 3年后过期
6.其他操作
// set path
this.$cookies.set("use_path_argument","value","1d","/app");  

// set domain
this.$cookies.set("use_path_argument","value",null, null, "domain.com");  

// set secure
this.$cookies.set("use_path_argument","value",null, null, null,true);
**遇到的问题

1、this.$cookies.get(‘CHOOSEJWTTOKEN’)为什么取不到值?
重点排除一下:如果cookie中设置了HttpOnly,那么通过js脚本将无法读取cookie信息。(这样能有效的防止XSS攻击,窃取cookie内容,但即便这样,也不建议将重要的信息存入cookie。)

//使用vue-cookies操作cookie的部分code
	if(uni.getStorageSync('storage_token') == false){
		if(this.$cookies.get('CHOOSEJWTTOKEN')){
			 uni.setStorageSync('storage_token',
       this.$cookies.get('CHOOSEJWTTOKEN'));
		}		
	}
	//end

看完文章,还可以用支付宝扫描下面的二维码领取一个支付宝红包,目前可领1-88元不等

支付宝红包二维码

除了扫码可以领取之外,大家还可以(复制 720087999 打开✔支付宝✔去搜索, h`o`n.g.包哪里来,动动手指就能领)。

看下图所示是好多参与这次活动领取红包的朋友:

支付宝红包

扫描二维码推送至手机访问。

版权声明:本文由34楼发布,如需转载请注明出处。

本文链接:https://www.34l.com/post/8379.html

分享给朋友:

相关文章

100句关于老祖宗留下来的话,都是经典名言
100句关于老祖宗留下来的话,都是经典名言

在浩瀚的历史文化中,我们的祖先除了给我们留下了很多的精神财富和文化遗产,像下面这100句老祖宗留下来的经典名言,我们一定要好好了解下。1、水不激不跃,人不激不奋。2、行行出状元,处处有能人。3、寒蝉抱枯木,泣尽不回头。4、立下凌云志,敢去摘...

女人励志语录20句,满满的正能量句子
女人励志语录20句,满满的正能量句子

1、每一个太阳升起,老想带去期待的问候:让每日的气体全是清爽让每日的情绪全是伸展让每日的获得全是丰富!2、美好的一天开始了,每日为自己一个期待,尝试不为了明天而苦恼,不以昨日而哀叹,只求今日更幸福。3、轻轻地睁开眼睛,小鸟欢叫甜;略微开启窗...

适合普通人做的小本创业点子
适合普通人做的小本创业点子

适合普通人做的小本创业生意有什么??随着零售行业的兴起,小型超市便利店生意成为创业者首选的项目之一,主要原因在于:投入资金小、回笼快,不需要太大的现金流来支撑、一年半左右就能回本。这对于拥有一部分闲置资金,想创业的投资者来说简直是很好的创业...

短视频文案素材哪里找(上热门的短视频素材)
短视频文案素材哪里找(上热门的短视频素材)

抖音怎么写文案?整理了100条抖音抖音爆款文案,直接套用就能火不看后悔系列!!!抖音上爆火的文案。情感、励志、共鸣、实用、反转、提问等6大类型不管你是拍摄什么类型视频 ,都可以直接套用。不多说直接上干货!!!一定要看到最后!!!01—励志类...

视频号加粉多少会被推荐?视频号制作方法分享
视频号加粉多少会被推荐?视频号制作方法分享

今天下午,视频号突然暂停申请,让原本打算在视频号大干一场的运营者们感到懵圈。不过据业内人士透露,此次暂停并“不会太久”,很快就会再次上线。上线近一个月以来,微信视频号一直受到业内人士的关注,最常见的提问就是“如何申请”,可见不少同行都打算做...

融资丨「奕斯伟计算」完成25亿元C轮融资,目标物联网芯片领域全球领导者
融资丨「奕斯伟计算」完成25亿元C轮融资,目标物联网芯片领域全球领导者

创业邦获悉,12月1日,AIoT芯片与解决方案提供商北京奕斯伟计算技术有限公司(以下简称:奕斯伟计算)宣布完成25亿元人民币C轮融资,由金石投资和中国互联网投资基金联合领投,尚颀投资、国开科创、华新投资等跟投,老股东 IDG、君联资本、刘...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。