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

更新时间：2018年09月21日 14:10:40 作者：_Daniel_

今天小编就为大家分享一篇基于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删除的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

详解Vue.js Mixins 混入使用
本篇文章主要介绍了Vue.js Mixins 混入使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
Vue组件通信之父传子与子传父详细讲解
这篇文章主要介绍了React中父子组件通信详解，在父组件中，为子组件添加属性数据，即可实现父组件向子组件通信，文章通过围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-10-10
vue-cli-service build 自定义参数方式
这篇文章主要介绍了vue-cli-service build 自定义参数方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
Vue3项目中reset.scss模板使用导入
这篇文章主要为大家介绍了Vue3项目中reset.scss模板使用导入示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-09-09
详解Vue数据驱动原理
这篇文章主要介绍了详解Vue数据驱动原理的相关资料，帮助大家更好的理解和学习vue框架的相关知识，感兴趣的朋友可以了解下
2020-11-11
vue+G6图形化实现功能示例
这篇文章主要为大家介绍了vue+G6图形化实现功能示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
vue修改数据视图更新原理学习
这篇文章主要为大家介绍了vue修改数据视图更新原理学习，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-11-11
Vue3 响应式数据 reactive使用方法
这篇文章主要介绍了Vue3 响应式数据 reactive使用方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-11-11
vue结合axios与后端进行ajax交互的方法
本篇文章主要介绍了vue结合axios与后端进行ajax交互的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07
全面解析Vue中的$nextTick
这篇文章主要介绍了Vue中的$nextTick的相关资料，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下
2020-12-12