Vue获取cookie

1. 背景

判断浏览器中某个cookie是否存在，存入isExist参数；
若存在获取该cookie对应的 value；
通过isExist和value的具体取值向用户返回不同的界面。

2. 实现

部分代码如下

created() {this.load()
}
methods:{load(){if (document.cookie.length > 0) {let arr = document.cookie.split('; ');//通过; 将数据转成数组，注意：分号+空格，有空格！！for(let i=0;i<arr.length;i++){let index = arr[i].indexOf("=") //返回第一个“=”所在的位置console.log(arr[i].substring(0, index))if(arr[i].substring(0,index)==="time"){// name为time的cookie存在this.isExist = true;break}}}if (!this.isExist){//具体实现 xxxx}}
}

3. 注意

document.cookie语句返回的是全部cookie所组成的字符串，中间用 ;[空格] 隔开，例如：

time=Sat May 07 2022 09:35:27 GMT+0800 (中国标准时间); weichen=<微尘>; rbzxdrn=<忍不住想打扰你>

因此在进行字符串划分时，应该使用【分号+空格】进行划分。有空格！空格！空格！

let arr = document.cookie.split('; ');

【Vue】获取cookie相关推荐

vue 获取cookie
要达到微信扫描二维码获取微信用户信息返回个PC端,请看: https://blog.csdn.net/weixin_42418774/article/details/103168448 一.使用三个j ...
js获取cookie获取不到问题 vue获取cookie以及获取不到问题
1.下载依赖包 npm i js-cookie -S 2.在使用cookie的页面上进行引入 import Cookies from 'js-cookie' 3.使用创建一个在整个网站上有效的Coo ...
vue如何优雅的获取Cookie（js-cookie插件）
vue如何优雅的获取Cookie(js-cookie插件) 一, 安装 npm install js-cookie --save 二, 引用 import Cookies from 'js-cooki ...
前端怎么获取cookie的值_作为前端你必须要了解的安全性问题！
前端技术不断发展,安全性的问题也越来越受到关注.作为前端工程师,保障网络安全也越来越重要. XSS攻击 XSS(Cross Site Scripting)跨站脚本攻击. 攻击者在网站上植入非法的htm ...
vue如何输出一个值_如何利用vue获取当前点击的元素并传值（图文教程） -
thinkphp开发的一个项目,登录成功后又跳转到登录页面,在提交信息后输出session都是正常的,没有问题,但是页面跳转后,session出现丢失现象,无法正常完成登陆.通过查找资料,发现原来是b ...
vue中cookie的使用——将cookie放在请求头header中
第一步:封装cookie //设置cookie export function setCookie(c_name, value,expire) {var date = new Date()date.s ...
Nuxt服务端请求及获取Cookie
介绍 nuxt.js是基于Vue的应用框架,它预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置.它提供了一个asyncData方法可用于在服务端里异步的获取数据,它可以在页面组件每次加载 ...
Python Cookie HTTP获取cookie并处理
本期Python培训教程是教大家如何进行HTTP获取cookie并处理的方法,希望本期教程能够给大家带来帮助,请看以下详细内容介绍. Cookie模块同样是Python标准库中的一员,它定义了一些类来 ...
简单介绍vue获取token实现token登录的示例代码
最近新做了个vue项目,正好项目中有登录部分,本文就详细的介绍一下登录部分的实现,文中通过示例代码介绍的非常详细,感兴趣的小伙伴们可以参考一下使用token做登录验证的思路大致如下: 1.在第一次登 ...

【Vue】获取cookie

Vue获取cookie

1. 背景

2. 实现

3. 注意

【Vue】获取cookie相关推荐

最新文章

热门文章