基于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 相关文章推荐
js传值 判断
Oct 26 Javascript
ExtJs Excel导出并下载IIS服务器端遇到的问题
Sep 16 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
Jun 05 Javascript
jQuery UI设置固定日期选择特效代码分享
Aug 27 Javascript
详细分析JS函数去抖和节流
Dec 05 Javascript
自定义PC微信扫码登录样式写法
Dec 12 Javascript
利用js给datalist或select动态添加option选项的方法
Jan 25 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
Oct 08 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
Mar 07 Javascript
微信小程序 select 下拉框组件功能
Sep 09 Javascript
这样回答继承可能面试官更满意
Dec 10 Javascript
JS实现扫码枪扫描二维码功能
Jan 03 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插件 HTMLPurifier HTML解析器
2013/07/01 PHP
php 模拟 asp.net webFrom 按钮提交事件的思路及代码
2013/12/02 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
PhpStorm连接服务器并实现自动上传功能
2020/12/09 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
javascript 字符 Escape,encodeURI,encodeURIComponent
2009/07/09 Javascript
深入理解Javascript动态方法调用与参数修改的问题
2013/12/10 Javascript
利用函数的惰性载入提高javascript代码执行效率
2014/05/05 Javascript
JavaScript利用正则表达式去除日期中的-
2014/06/09 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
2021/01/28 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
2016/08/05 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
angularjs+bootstrap实现自定义分页的实例代码
2017/06/19 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
security.js实现的RSA加密功能示例
2018/06/06 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
vue-resource 拦截器interceptors使用详解
2021/01/18 Vue.js
[11:01]2014DOTA2西雅图邀请赛 冷冷带你探秘威斯汀
2014/07/08 DOTA
[01:28]一分钟告诉你DOTA2 TI9不朽宝藏Ⅱ中有什么!
2019/07/09 DOTA
python导入时小括号大作用
2017/01/10 Python
在Python中使用AOP实现Redis缓存示例
2017/07/11 Python
python 实现敏感词过滤的方法
2019/01/21 Python
NumPy 基本切片和索引的具体使用方法
2019/04/24 Python
使用python-pptx包批量修改ppt格式的实现
2020/02/14 Python
Python包和模块的分发详细介绍
2020/06/19 Python
OpenCV图片漫画效果的实现示例
2020/08/18 Python
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
2013/07/19 HTML / CSS
GWT的应用有哪两种部署模式
2012/12/21 面试题
内业资料员岗位职责
2014/01/04 职场文书
公司踏青活动方案
2014/08/16 职场文书
公司领导班子对照材料
2014/08/18 职场文书
小学生勤俭节约演讲稿
2014/08/28 职场文书