如何删除cookie记录(手机如何删除cookie)

之前在Django如何在后台设置Cookie中分享的前言:Django实战006:Cookie设置和跨域问题处理。那么如果要在前端设置cookies，我们该如何处理呢？今天给大家分享一个在vue中创建、读取、删除cookies的方法，希望对你有所帮助。

Cookie的形式

它与localStorage略有不同。localStorage可以看作是一个对象，通过key可以直接获取对应的值，而Cookie是一串字符串，键值用=号来区分，所以在设置和获取的时候不能直接实现Cookie。

//localStorage//设置方法localstorage.setitem (‘test1 ‘，value 1)//展现形式为object {‘test1’:’value1 ‘，’ test2′:’value2}//获取方法this . IP = local storage . getitem(‘ test1 ‘)//cookie//设置//展现形式为string ” test1 = value1test2 = value 2 “；//获取方法document.cookie封装cookie方法。document.cookie属性用于创建、读取和删除cookie。为了快速处理cookies，我们封装了设置、获取、删除等常用方法。在这里，我们可以通过在使用Cookie时直接调用该方法来快速处理Cookie。

创建Cookie

Cookie是带有“；”的字符串每个属性之间。分隔，属性用’ = ‘区分，类型格式为cookie1 = valuecookie2 =值；cookie3 =值；所以我们这里要做的就是根据Cookie的类型格式拼接用户输入的相应参数。一个Cookie包含九个参数，即名称、值、域、路径(默认为“/”)、过期/最大年龄、大小(Cookie大小)、HTTP、安全和SameSite。设置Cookie必须包含Nane和值，其他允许空。通常，我们会添加一个到期/最大年龄超时限制。

Setcookie (name，value，expire){ let d = new date()//实例化date d . set date(d . getdate()+expire)//设置超时window . document . cookie = name+” = “+value+’；Expires=’+d.toGMTString()}，读cookies读cookies就是把刚刚拼接好的字符串拆分出来，得到我们想要的数据。使用“；”在多个cookies或参数之间。分开，所以我们用一个数据通过split(‘；’))划分并存储它，然后遍历这个数组中的每组数据，找到我们想要的数据并得出’ = ‘符号后的值。您也可以使用正则化来提取您想要的值。

//方法1 Get cookie(name){ var arry = document . cookie . split(‘；’)console.log(“arry= “，arry) for(让I = 0；我& ltarry .长度；++) {let temp = arry [i]。修剪()。split(‘ = ‘)if(temp . index of(name)= = 0)return temp[temp . index of(name)+1]} return null }，//方法2，regular get cookie (name) {var)？+姓名+’=([^；]*)(;|$)’)返回temp？Temp[2]: null}，Delete Cookie Delete Cookie我们只需要再次调用create Cookie方法来清除对应的值空。这里的-1使指定的Cookie named name过期，实现自动清除。如果没有赋值-1，就删除相应的Cookie值。此Cookie记录尚未删除。

del Cookie(name){ this . set Cookie(name，”，-1)}，js-cookie插件以上是我们自己包定义的Cookie方法。如果觉得麻烦，也可以用别人的插件，比如JS操作cookie的轻量级插件JS-cookie。直接从命令行安装插件:NPM ijs-cookie-save，当前版本2.2。

js-cookie使用

组件中引入Js-cookie，通过set、get、remove等方式实现相应的创建、获取、删除等功能。使用起来非常简单快捷。

//从’ js-cookie ‘//’//Create Cookies . set(‘ name ‘，value) cookies.set (‘name ‘，’ value ‘，{expires: number})导入cookie；//Get Cookies.get() //获取所有cookies。Get(‘ name ‘)//获取指定的cookies//Delete cookies . remove(‘ name ‘)欢迎关注我的微信官方账号:编程笔记和文章会在微信官方账号更新。