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

这篇文章主要为大家详细介绍了基于Vue 服务端Cookies删除的问题，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

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

本文来自：http://www.q1010.com/184/6145-0.html

注：关于基于Vue 服务端Cookies删除的问题的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js