js获取cookie获取不到问题 vue获取cookie以及获取不到问题

1.下载依赖包

npm i js-cookie -S

2.在使用cookie的页面上进行引入

import Cookies from 'js-cookie'

3.使用

创建一个在整个网站上有效的Cookie
Cookies.set('name', 'value');
创建一个从现在起7天后过期的cookie，在整个站点上有效：
Cookies.set('name', 'value', { expires: 7 });
创建一个过期的cookie，对当前页面的路径有效：
Cookies.set('name', 'value', { expires: 7, path: '' });
读取cookie：
Cookies.get('name'); // => 'value' Cookies.get('nothing'); // => undefined
阅读所有可见的Cookie
Cookies.get(); // => { name: 'value' }
删除cookie：
Cookies.remove('name');
删除对当前页面路径有效的cookie：
Cookies.set('name', 'value', { path: '' }); Cookies.remove('name'); // fail! Cookies.remove('name', { path: '' }); // removed!
重要！删除cookie时，您必须传递用于设置cookie的完全相同的路径和域属性，除非您依赖于默认属性。
注意：删除未存在的cookie不会引发任何异常，也不会返回任何值

4.针对浏览器存在cookie，前端却获取不到的问题：

httpOnly默认为true打对号√情况下，禁止javascript操作cookie，导致获取不到，可以让后端设置false；
后端使用node+koa，种客户端一个cookie，但是在客户端内通过document.cookie获取不了此cookie。经查是由于koa通过ctx.cookies.set(name, value, [options])种的cookie是自动默认带httpOnly的，httpOnly是服务器可访问 cookie, 默认是 true。禁止javascript操作cookie（为避免跨域脚本(xss)攻击，通过javascript的document.cookie无法访问带有HttpOnly标记的cookie。）
所以通过在后端设置ctx.cookies.set(name, value, {httpOnly:false})关掉httponly即可。

js获取cookie获取不到问题 vue获取cookie以及获取不到问题相关推荐

vue如何优雅的获取Cookie（js-cookie插件）
vue如何优雅的获取Cookie(js-cookie插件) 一, 安装 npm install js-cookie --save 二, 引用 import Cookies from 'js-cooki ...
vue设置cookie的domain无效_【Vue.js入门到实战教程】16Tailwind 与 Bootstrap 的区别和使用入门...
来源 | https://xueyuanjun.com/post/22065我们知道,从 Laravel 8 开始,自带前端脚手架代码默认兼容 Tailwind CSS 框架,取代了之前的 Boots ...
vue定时ajax获取数据,vue 中使用 AJAX获取数据的方法
在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: new Vue({ el:'#app', data:{data:&qu ...
vue 父组件获取接口值传到子组件_vue父组件异步获取数据传给子组件的方法
但是现在问题是父组件的数据是异步获取的,而子组件一开始就会渲染,如果此时没有传入数据,而子组件又要用到数据中的length属性时就会报错: 怎么办呢?最简单的办法就是让子组件条件渲染,当有数据的时候才 ...
如何从stackoverflow的api 中获取是数据_如何修复Vue中的 “this is undefined” 问题
当我们使用 Vue 在愉快的开发项目的时候,突然报了一个错误: this is undefined 别担心,不只有你一个人,我也经常遇到这个问题很多次,接下我们一起来看看如何解决这个问题. 一个可能的 ...
vue使用百度地图获取位置信息
vue使用百度地图获取位置信息最近再做H5页面,就一个单页面,进来的时候,要获取地理位置,上代码 1.使用srcipt不受同源策略的影响,来获取百度api 写在了一个bmap.js里面,onBMap ...
vue+vant 实现手机号获取验证码页面
vue+vant 实现手机号获取验证码页面 html <van-field label="手机号"v-model="phone"centerrequir ...
vue 弹框 select 获取不到值_vue dialog弹框拖拽
问题&需求描述: 在项目中,使用vue的<el-dialog></el-dialog> 弹出的框,不能拖拽.现需使其可进行鼠标点击拖拽. 解决方案: 在 src/uti ...
html radio vue,vue radio单选框,获取当前项(每一项)的value值操作
前言本文使用了lable关联选中,实际使用中如果不需要,直接将循环语句 v-for 写在 input标签上就可以 1.使用v-for循环的radio单选框 01)需要注意的是,这是使用的是 chan ...
vue 根据详细地址获取经纬度
前言业务需求:根据用户输入详细地址,获取地址的经纬度传给后台,但是不要地图. 准备内容 1.安装josnp,解决跨域,不安转会报跨域问题执行命令: npm install vue-jsonp -- ...

js获取cookie获取不到问题 vue获取cookie以及获取不到问题

js获取cookie获取不到问题 vue获取cookie以及获取不到问题相关推荐

最新文章

热门文章