您现在的位置是:网站首页> 编程资料编程资料
前端Vue设置cookie、删除cookie,获取cookie方式_vue.js_
2023-05-24
414人已围观
简介 前端Vue设置cookie、删除cookie,获取cookie方式_vue.js_
Vue设置cookie、删除cookie、获取cookie
在main.js中如下设置
设置cookie
Vue.prototype.Setcookie = function (name,value) { //设置名称为name,值为value的Cookie var expdate = new Date(); //初始化时间 expdate.setTime(expdate.getTime() + 30 * 60 * 1000); //时间单位毫秒 document.cookie = name + "=" + escape(value) + ";expires=" + expdate.toGMTString() + ";path=/"; //即document.cookie= name+"="+value+";path=/"; 时间默认为当前会话可以不要,但路径要填写,因为JS的默认路径是当前页,如果不填,此cookie只在当前页面生效! }获取cookie
Vue.prototype.getcookie = function (a){ // console.log(a) var d; var b = document.cookie; // console.log(b) var c = b.split(";"); for (let e = 0; e < c.length; e++) { var f = c[e].split("="); if (a == f[0].toString().trim()) { d = f[1]; break; } } if (void 0 == d || null == d) { return ""; } else { var g = unescape(d.trim()); return g; } }删除cookie
Vue.prototype.delCookie= function (a){ var b = new Date(0).toGMTString(); document.cookie = a + "=;expires=" + b + ";path=/"; },Vue允许跨域携带cookie
import axios from 'axios' axios.defaults.withCredentials = true;// 允许跨域携带cookie
或者在请求拦截器中添加
config.headers['Access-Control-Allow-Credentials']=true
以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
相关内容
- jQuery中隐藏元素的hide方法及说明_jquery_
- jquery中在页面加载完成后执行某个方法_jquery_
- Vue mergeProps用法详细讲解_vue.js_
- Vue实现电商网站商品放大镜效果示例_vue.js_
- 关于页面加载即执行JQuery的三种方法小结_jquery_
- Vue snippets插件原理与使用介绍_vue.js_
- 交叉观察器 IntersectionObserver用法详解_javascript技巧_
- React之错误边界 Error Boundaries示例详解_React_
- Vue实现文件切片上传功能的示例代码_vue.js_
- Immer 功能最佳实践示例教程_JavaScript_
