关于cookie的跨域

在使用cookie时会涉及到domain属性,以vue-cookies为例,设置cookie的方法为

this.$cookies.set("userInfo", "userInfo",-1, "/","baidu.com")
this.$cookie.set(key,value,expireTimes,path,domain)

vue-cookies API
https://www.npmjs.com/package/vue-cookies.

domain属性是为cookie设置跨域使用的,但需要注意的是,domain只允许设置当前域和父级域,这就不难解释为什么在本地的dev环境开发时,每当设置其他域的时候,cookie就不工作的效果,因为本地开发时当前域为localhost,当domain不设置时,默认为当前域,而localhost和当前你理想设置的域名不属于父子级属关系,因而不可设置。
在开发中,可以做环境隔离,根据不同的环境做不同的域的设置。

domain的设置效果

这里不在阐述,具体用法可以查看另一位博主的文章
https://blog.csdn.net/u010856177/article/details/81104714

注释:domain的跨域设置,可用于SSO单点登录

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐