基于Vue 服务端Cookies删除的问题


Posted in Javascript onSeptember 21, 2018

一般在我们做项目时,我们都会通过POST请求拿到服务器给到的set-Cookies,保存在浏览器的Cookie里

这里需要明确一点。缓存有三类

cookie、 sessionStorage 、localStorage

cookie:

存储在用户本地终端上的数据。有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。

另外两种是HTML5提供的:

不参与和服务器的通信;

localStorage - 没有时间限制的数据存储,第二天、第二周或下一年之后,数据依然可用。

sessionStorage- 浏览器会话关闭就跟随消失

那么了解完这三种后,在实际开发过程中服务端给的Cookie在本地测试开发时是可以被删除的。

然而在项目中 放在服务器时,请求回来的Cookie是不能被删除的。

若想删除,此时我们只能设置 和 获取 两种办法。

博主在Vue项目中用到了 Vue-cookies,

this.$cookies.remove("token");

当时想着直接删除后可以进行判断的。本地是OK的,结果发包之后发现 服务端怎么也删除不了

之后彻底理解了三中缓存的机制后,不去删除 而是去设置

this.$cookies.set("token",'',-1, '/');

完美的修改为空,最后的'/'是服务端存取时的path路径,根据服务端返回具体路径自行修改,否则会有同key的缓存出现。

以上这篇基于Vue 服务端Cookies删除的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 复杂的嵌套环境中输出单引号和双引号
May 26 Javascript
date.parse在IE和FF中的区别
Jul 29 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
May 12 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
jQuery拖拽 & 弹出层 介绍与示例
Dec 27 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
Apr 06 Javascript
基于Jquery easyui 选中特定的tab
Nov 17 Javascript
jquery中checkbox使用方法简单实例演示
Nov 24 Javascript
javascript作用域链(Scope Chain)用法实例解析
Nov 30 Javascript
jQuery判断checkbox选中状态
May 12 Javascript
原生JS获取元素集合的子元素宽度实例
Dec 14 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
Vue中插入HTML代码的方法
Sep 21 #Javascript
node.js调用C++函数的方法示例
Sep 21 #Javascript
Vue中Quill富文本编辑器的使用教程
Sep 21 #Javascript
vue单页应用在页面刷新时保留状态数据的方法
Sep 21 #Javascript
vue如何安装使用Quill富文本编辑器
Sep 21 #Javascript
vue中设置、获取、删除cookie的方法
Sep 21 #Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
Sep 21 #Javascript
You might like
PHP设置图片文件上传大小的具体实现方法
2013/10/11 PHP
php实现向javascript传递数组的方法
2015/07/27 PHP
laravel学习教程之关联模型
2016/07/30 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
javascript编程起步(第六课)
2007/02/27 Javascript
jquery xMarquee实现文字水平无缝滚动效果
2014/04/29 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
js实现图片在未加载完成前显示加载中字样
2014/09/03 Javascript
js使用心得分享
2015/01/13 Javascript
js中split和replace的用法实例
2015/02/28 Javascript
使用Meteor配合Node.js编写实时聊天应用的范例
2015/06/23 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
AngularJS入门教程之过滤器用法示例
2016/11/02 Javascript
React Router基础使用
2017/01/17 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
JavaScript实现二分查找实例代码
2017/02/22 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
python 运算符 供重载参考
2009/06/11 Python
python实现查询IP地址所在地
2015/03/29 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
python实现视频读取和转化图片
2019/12/10 Python
浅谈Python中的生成器和迭代器
2020/06/19 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
应届毕业生就业自荐信
2013/10/26 职场文书
中专毕业生自我鉴定范文
2013/11/09 职场文书
公司薪酬管理制度
2014/01/31 职场文书
婚纱摄影师求职信
2014/03/07 职场文书
大学生年度个人总结
2015/02/15 职场文书
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
拒绝盗图!教你怎么用python给图片加水印
2021/06/04 Python