前端设置cookie之vue-cookies

1. 安装vue-cookies

npm i vue-cookies --save

2. 引入vue-cookies

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

3. Api

设置一个cookie

this.$cookies.set("token", value1, {expires: "7D"});// keyName => "token"// value =>  value1// 设置过期时间 = > {expires: "7D"}

获取一个cookie

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

删除一个cookie

this.$cookies.remove(keyName [, path [, domain]])   // return this

检查某个 cookie name是否存在

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

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

this.$cookies.keys()  // return a array

设置cookie过期时间

全局设置

// 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')

单个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);

前端设置cookie之vue-cookies相关推荐

细讲前端设置cookie，储存用户登录信息
细讲前端设置cookie 引言正文一.设置cookie 二.查看cookie 三.删除cookie 四.封装cookie操作结束语引言我们都知道如果想做一个用户登录并使浏览器保存其登录信息, ...
关于前端设置cookie
cookie既可以后端设置也可以在前端设置,例如登陆/注册功能,每次都要向服务器请求用户数据,这种就可以把cookie放到前端储存起来. 当网页要发http请求时,浏览器会先检查是否有相应的cooki ...
前端设置cookie
cookie既可以后端设置也可以在前端设置,例如登陆/注册功能,每次都要向服务器请求用户数据,这种就可以把cookie放到前端储存起来. 当网页要发http请求时,浏览器会先检查是否有相应的cooki ...
【跨域】一篇文章彻底解决跨域设置cookie问题！
一篇文章彻底解决跨域设置cookie问题! 大家好我是雪人~~⛄ 之前做项目的时候发现后端传过来的 SetCookie 不能正常在浏览器中使用. 是因为谷歌浏览器新版本Chrome 80将Cookie ...
前端开发中通过js设置cookie的一组方法
js方法的完整代码如下: var cookie = {set:function(key,val,time){//设置cookie方法var date=new Date(); //获取当前时间var e ...
cookies的时限是多少_【cookie】设置cookie过期时间超时时间，Cookie 设置 expires
Cookie是什么: 简单地说,cookie 就是浏览器储存在用户电脑上的一小段文本文件.cookie 是纯文本格式,不包含任何可执行的代码.一个 Web 页面或服务器告知浏览器按照一定规范来储存这些 ...
前端修改服务器cookie,前端中怎样设置cookie
这次给大家带来前端中怎样设置cookie,前端中设置cookie的注意事项有哪些,下面就是实战案例,一起来看一下. cookie是什么:是一种用来在客户端硬盘上存储信息的手段. 为什么用?:可以用来存 ...
springboot-前端js设置cookie的name、value值，后端利用name获取指定cookie的value值
springboot-前端js设置cookie的name.value值,后端利用name获取指定cookie的value值前端 js 将传递过来的 id 存入cookie中, coo ...
nodejs获取与设置cookie
nodejs获取与设置cookie 一.获取cookie 1.插件下载获取cookie 二.设置cookie 1.基础设置 2.设置过期时间-maxAge 3.设置域名-domain 4.设置路径- ...

前端设置cookie之vue-cookies

1. 安装vue-cookies

2. 引入vue-cookies

3. Api

设置cookie过期时间

前端设置cookie之vue-cookies相关推荐

最新文章

热门文章