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组件中使用 (如果存入的是对象,需要先转换为jso
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打对号√情况下,禁止ja vascript操作cookie,导致获取不到,可以让后端设置false;

后端使用node+koa,种客户端一个cookie,但是在客户端内通过document.cookie获取不了此cookie。
经查是由于koa通过ctx.cookies.set(name, value, [options])种的cookie是自动默认带httpOnly的,httpOnly是服务器可访问 cookie, 默认是 true。
禁止ja vascript操作cookie(为避免跨域脚本(xss)攻击,通过ja vascript的document.cookie无法访问带有HttpOnly标记的cookie。)
所以通过在后端设置ctx.cookies.set(name, value, {httpOnly:false})关掉httponly即可。
总结
以上步骤基本覆盖了vue-cookies在日常开发中的常见操作:安装、引入、设置、获取、删除、检查以及排查httponly问题。实际项目中,如果遇到cookie在前端拿不到的情况,十有八九是后端设了httponly,记得让后端同事把那个开关关掉就行。
Windows 10 是一款微软推出的经典操作系统,拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起,适合需要持续观察和微调设备状态的场景。
极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。
















