vue-cookies使用方法，vue中使用获取cookie

1.安装vue-cookies

npm install vue-cookies -S

2.在main.js引入

import VueCookies from "vue-cookies";

Vue.use(VueCookies);

如图：

3.在vue组件中使用(如果存入的是对象，需要先转换为json字符串)

设置cookies

this.$cookies.set('fileInfoId', to.query.fileInfoId)

如果是在某个js，例如router.js下使用，如下引入使用即可

import cookies from "vue-cookies";

cookies.set('fileInfoId', to.query.fileInfoId)

4.获取cookies

this.$cookies.get('fileInfoId')

5.删除cookies

 this.$cookies.remove('fileInfoId');

6.查看cookies

this.$cookies.isKey('fileInfoId')        // return false or true

7.获取所有cookies

this.$cookies.keys()  // return a array

8.针对浏览器存在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-cookies使用方法，vue中使用获取cookie相关推荐

vue created 调用方法_vue中的eventBus会产生内存泄漏吗
eventBus是在vue中经常用来解决跨组件消息传递的问题,但对它的使用要特别注意,否则会产生很严重的后果. 引入本文介绍了eventBus的实现原理,并介绍它如何在vue中使用,并举了一个具体的 ...
python列表获取最后一个元素的方法_Python中如何获取 list/OrderedDict 的第一个/最后一个元素...
本文最后更新于2016年5月14日,已超过 1 年没有更新,如果文章内容失效,还请反馈给我,谢谢! =Start= 缘由: 最近在工作中有接触到用Python的xmltodict模块进行XML的解析, ...
uni-app——一种通过Nginx反向代理处理302重定向请求解决网络请求中无法获取Cookie的解决方案
问题描述小程序中不会自动保存和发送Cookie 使用插件(https://uniapp.dcloud.io/api/request/request)方法不能解决302重定向情况下获取Cookie 小 ...
php 中session与cookies的区别,php中session和cookie的区别
php中session和cookie的区别本文较为详细的比较了php中session与cookie区别.分享给大家供大家参考.具体分析如下: 1.存放的位置 cookie保存在客户端,session ...
vue初始化ajax方法,vue问题辑录-页面初始化ajax
vue 有8个声明周期,如果在vue实例创建之前需要获取页面初始数据. 此时要进行ajax请求,应该是同步还是异步好? beforeCreate:function(){ // getInitData ...
cookie获取java_java中如何获取cookie
展开全部 1.设置cookie到客户端 Cookie c1 = new Cookie("username","hzh"); response.addCookie ...
Django框架(21.Django中设置cookie以及获取cookie）
状态保持 http协议是无状态的.下一次去访问一个页面时并不知道上一次对这个页面做了什么 Cookie 1.cookie是由服务器生成,存储在浏览器端的一小段文本信息. 2.cookie的特点: 以键 ...
Nuxt服务端请求及获取Cookie
介绍 nuxt.js是基于Vue的应用框架,它预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置.它提供了一个asyncData方法可用于在服务端里异步的获取数据,它可以在页面组件每次加载 ...
模拟动态登录，获取cookie和图片验证码登录（AcFun和豆瓣）
#模拟登录acfun #导入第三方库 import requests import pickle from bs4 import BeautifulSoup from fake_useragent i ...

vue-cookies使用方法，vue中使用获取cookie

vue-cookies使用方法，vue中使用获取cookie相关推荐

最新文章

热门文章