欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-19 12:59:04
一般在我们做项目时,我们都会通过post请求拿到服务器给到的set-cookies,保存在浏览器的cookie里 这里需要明确一点。缓存有三类 cookie、 sess...

一般在我们做项目时,我们都会通过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删除的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。