基于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-cli 搭建的项目大都是单页面应用项目，对于简单的项目，单页面就能满足要求。这篇文章主要介绍了vue.js多页面开发环境搭建 ,需要的朋友可以参考下2019-04-04
这篇文章主要为大家详细介绍了Vue3中useLocalStorage用法的相关知识,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以了解一下2023-10-10
这篇文章主要为大家详细介绍了Vue自定义指令的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
vue中router.beforeEach()的简单用法举例
router.beforeEach()一般用来做一些进入页面的限制,比如没有登录,就不能进入某些页面,只有登录了之后才有权限查看某些页面,下面这篇文章主要给大家介绍了关于vue中router.beforeEach()的简单用法举例,需要的朋友可以参考下2023-01-01
这篇文章主要介绍了vue-router 前端路由之路由传值的方式，本文通过两种方式给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
有时候需要用到下拉列表全选和搜索,下面这篇文章主要给大家介绍了关于ElementUI实现在下拉列表里面进行搜索功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了Vue实现接口进度条功能，在请求数据的过程中，需要添加监听函数来监测数据请求的过程变化，并更新组件相应的属性和界面元素,本文结合实例代码详细讲解，需要的朋友可以参考下2023-04-04
vuex是一个专为vue.js应用程序开发的 状态管理模式,它采用集中式存储管理应用的所有的状态,并以相应的规则保证状态以一种可预测的方式发生变化,这篇文章主要给大家介绍了关于vue入门之vuex安装与使用的相关资料,需要的朋友可以参考下2021-08-08
Vue.js是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合,下面这篇文章主要给大家介绍了关于使用idea创建vue项目的相关资料,需要的朋友可以参考下2022-08-08
计算属性对于前端开发来说算是经常使用的一个能力了,本文将从代码层面来给大家介绍下Vue3是如何实现计算属性的,需要的朋友可以参考下2023-07-07
最新评论