vue cookies二级域名可访问

vue cookies二级域名可访问,第1张

项目场景:

项目相关背景:
vue项目中使用cookie,要求可以在同主站下的不同二级于域名之间项目跳转读取


插件选择: vue-cookies
//安装
npm install vue-cookies --save

//使用
import Vue from 'Vue'
import VueCookies from 'vue-cookies'
Vue.prototype.$cookies = VueCookies;

//参数
'keyName':要保存的cookie名  (必须),
'value':要保存的cookie值  (必须),
'expires':cookie过期时间,默认 '1d'1天,

expires可接受的值: y,m,d,h,min,s(年、月、日、时、分、秒不区分大小写)

'path':cookie路径,默认根目录 '/''domain':cookie所在域,默认请求地址,
'secure':如果secure设置为true,那么这个cookie只能用https协议发送给服务器

//基本用法

//set 设置cookie
this.$cookies.set(keyName,value,expires,path,domain,secure)

//get 获取cookie
this.$cookies.get(keyName)

//isKey 判断是否存在该键值对
this.$cookies.isKey(keyName)    // true or false

//remove 移除cookie
this.$cookies.remove(keyName)

//keys 返回全部cookie keyName
this.$cookies.keys()    //array[keyName1,keyName2...]


!!设置domain遇到的坑:

保存domain的时候一定要确保要保存的路径和当前项目的路径一致,否则cookie就会保存失败
项目在本地运行的时候如果是用的ip访问,domain设置为 localhost 也是跨域导致保存失败

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/940303.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-17
下一篇2022-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存