基于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 SSR 的 Cookies 问题
一个网站一旦涉及到多用户, 就很难从 Cookies 中逃脱, Vue SSR 的 cookies 也真算是遇到的一个不小的问题, 从开始玩 SSR 开始到现在, 一共想出了3种方案, 从最早的把 Cookies 注入到 state 中, 到把 Cookies 注入到 global, 到现在的将 Cookies 注入到组件的 asyncData 方法. 随着 Vue 的升级, 第一种方案已经不再适用, 第二种也有不少的限制, 于是想到第三种方案, 下来就说说具体实现的方法: 第一种方案 第一种方
-
最后说说Vue2 SSR 的 Cookies 问题
本来想前面写点什么的, 还是算了, 直接说思路吧. 从 Vue2.3 版本后, SSR 的 cookies, 就变成一个无比麻烦的问题, 具体请访问官网文档: https://ssr.vuejs.org/zh/api.html#runinnewcontext 之前也说不少的思路, 可是都觉得不怎么好用, 虽然都能解决问题, 今天再说一种思路 因为 Vue2.3 以后, bundle 代码将与服务器进程在同一个 global 上下文中运行, 所以不能再将 cookies 丢到 global 给 a
-
基于Vue 服务端Cookies删除的问题
一般在我们做项目时,我们都会通过POST请求拿到服务器给到的set-Cookies,保存在浏览器的Cookie里 这里需要明确一点.缓存有三类 cookie. sessionStorage .localStorage cookie: 存储在用户本地终端上的数据.有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密.一般应用最典型的案列就是判断注册用户是否已经登过该网站. 另外两种是HTML5提供的: 不参与和服务器的通信: localS
-
vue服务端渲染添加缓存的方法
什么是服务器端渲染(SSR)? Vue.js 是构建客户端应用程序的框架.默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM.然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序. 服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用",因为应用程序的大部分代码都可以在服务器和客户端上运行. 缓存 虽然 Vue 的服务
-
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Vue 2.0 开始支持服务端渲染的功能,所以本文章也是基于vue 2.0以上版本.网上对于服务端渲染的资料还是比较少,最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news.本人在公司做Vue项目的时候,一直苦于产品.客户对首屏加载要求,SEO的诉求,也想过很多解决方案,本次也是针对浏览器渲染不足之处,采用了服务端渲染,并且做了两个一样的Demo作为比较,更能直观的对比Vue前后端的渲染. talk is cheap,show us the code!话不多说,我们分别来看两个D
-
vue服务端渲染缓存应用详解
服务端渲染简介 服务端渲染不是一个新的技术:在 Web 最初的时候,页面就是通过服务端渲染来返回的,用 PHP 来说,通常是使用 Smarty 等模板写模板文件,然后 PHP 服务端框架将数据和模板渲染为页面返回,这样的服务端渲染有个缺点就是一旦要查看新的页面,就需要请求服务端,刷新页面. 但如今的前端,为了追求一些体验上的优化,通常整个渲染在浏览器端使用 JS 来完成,配合 history.pushState 等方式来做单页应用(SPA: Single-Page Application),也收
-
Vue服务端渲染实践之Web应用首屏耗时最优化方案
随着各大前端框架的诞生和演变,SPA开始流行,单页面应用的优势在于可以不重新加载整个页面的情况下,通过ajax和服务器通信,实现整个Web应用拒不更新,带来了极致的用户体验.然而,对于需要SEO.追求极致的首屏性能的应用,前端渲染的SPA是糟糕的.好在Vue 2.0后是支持服务端渲染的,零零散散花费了两三周事件,通过改造现有项目,基本完成了在现有项目中实践了Vue服务端渲染. 关于Vue服务端渲染的原理.搭建,官方文档已经讲的比较详细了,因此,本文不是抄袭文档,而是文档的补充.特别是对于如何与现
-
vue服务端渲染操作简单入门实例分析
本文实例讲述了vue服务端渲染操作.分享给大家供大家参考,具体如下: 想到要学习vue-ssr的同学,自不必多说,一定是熟悉了vue,并且多多少少做过几个项目.然后学习vue服务端渲染无非解决首屏渲染的白屏问题以及SEO友好. 话不多说,笔者也是研究多日才搞明白这个服务端渲染到底是杂么回事!!! 一,首先实现下官网的基本案例 随便建一个目录,然后执行npm init初始化项目,生成工程文件package.json:创建server.js:然后按照vue-ssr官方链接:https://ssr.v
-
vue服务端渲染页面缓存和组件缓存的实例详解
vue缓存分为页面缓存.组建缓存.接口缓存,这里我主要说到了页面缓存和组建缓存 页面缓存: 在server.js中设置 const LRU = require('lru-cache') const microCache = LRU({ max: 100, // 最大缓存的数目 maxAge: 1000 // 重要提示:条目在 1 秒后过期. }) const isCacheable = req => { //判断是否需要页面缓存 if (req.url && req.url ===
-
基于SpringBoot服务端表单数据校验的实现方式
SpringBoot服务端表单数据校验 (SpringBoot高级) 一.实现添加用户功能 1 创建项目 2 修改POM文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http:
-
Vue 服务端渲染SSR示例详解
目录 手写Vue服务端渲染 一.开始vue-ssr之旅 二.采用模板渲染 三.ssr目录创建 四.通过webpack实现编译vue项目 app.js client-entry.js server-entry.js 五.配置客户端打包和服务端打包 六.配置运行脚本 七.服务端配置 七.通过json配置createBundleRenderer方法 八.集成VueRouter 配置入口文件 配置组件信息 防止刷新页面不存在 保证异步路由加载完成 十.集成vuex配置 在后端更新vuex 在浏览器运行时
-
详解Nuxt.js Vue服务端渲染摸索
本文采用nuxt进行服务端渲染https://zh.nuxtjs.org/ Nuxt.js 十分简单易用.一个简单的项目只需将 nuxt 添加为依赖组件即可. Vue因其简单易懂的API.高效的数据绑定和灵活的组件系统,受到很多前端开发人员的青睐.国内很多公司都在使用vue进行项目开发,我们正在使用的简书,便是基于Vue来构建的. 我们知道,SPA前端渲染存在两大痛点:(1)SEO.搜索引擎爬虫难以抓取客户端渲染的页面meta信息和其他SEO相关信息,使网站无法在搜索引擎中被用户搜索到.(2)用
随机推荐
- P3P 和 跨域 (cross-domain) cookie 访问(读取和设置)
- JS阻止冒泡事件以及默认事件发生的简单方法
- 用js实现计算加载页面所用的时间
- Javascript动态绑定事件的简单实现代码
- 批处理文件简介与编写第1/2页
- Asp.net中Request.Url的各个属性对应的意义介绍
- js字符编码函数区别分析
- 学习PHP Cookie处理函数
- SQL Server--怎样用ADO在SQL SERVER中建库,建表
- Docker学习笔记之docker入门
- ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
- Javascript条件判断使用小技巧总结
- Android中RecyclerView 滑动时图片加载的优化
- java中List对象排序通用方法
- JavaScript转换二进制编码为ASCII码的方法
- 一个多文件上传的例子(原创)
- TensorFlow实现Softmax回归模型
- pandas 取出表中一列数据所有的值并转换为array类型的方法
- php数组遍历类与用法示例
- C#开启线程的四种方式示例详解