跨域cookie

站点通常采用cookie来保持用户的登陆状态。当涉及跨域访问保持登陆状态时,浏览器处于安全考虑默认是不会携带cookie,也不会跨域写入响应头里的cookie到本地。这时需要前后端配合来解决:

服务器端:

header("Access-Control-Allow-Origin: http://192.168.23.144:8080");      //允许的域
header("Access-Control-Allow-Credentials: true");                       //允许跨域携带识别信息
SetCookie("MyCc","Val888",0,'/','192.168.23.144');                      //set  cookie

前端:

var xhr=new XMLHttpRequest()
xhr.open("POST","http://ai.test.com/dev/login",true)

xhr.withCredentials=true

xhr.onreadystatechange=function(){
    if(xhr.readyState==4){
        console.log(xhr.responseText)
    }
}
xhr.send({mobile: "1300000001"})

不同框架有相应的config方式,以vue为例:

this.$http.post(this.url + "dev/suggest", {name: this.name},{withCredentials: true})
.then(function(res) {
            console.log(res)
        })
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值