javascript - 前端跨域cookie共享之迷?
PHP中文网
PHP中文网 2017-04-11 12:02:47
[JavaScript讨论组]

背景资料:
前端域名:http://a.xxx.com
后端域名:http://b.xxx.com
基于vue-resouce v0.9.3发送的ajax

我所知道的
搜索了资料,我所知道的要点如下:
1.后端需要设置

Access-Control-Allow-Credentials:true
Access-Control-Allow-Methods:*
Access-Control-Allow-Origin:http://a.xxx.com

2.前端需要设置
2.1设置credentials

xhr.withCredentials: true

对应vue-resource v0.9.3的

this.$http.post(
    "b.xxx.com/test",
    {},
    {
        credentials: true
    }
).then(....)

2.2设置cookie

document.cookie="token=xxxxxxxxxxxxxxxx;domain=xxx.com;path=/"

2.3vue-resource头部重置
默认的vue-resource对头部设置的content-type有默认设置,但是我已经重置了

Vue.http.headers.common={};
Vue.http.headers.post={};

问题
我所列出的前端设置和后端设置都弄好了,检查过也没有问题。
可是我在chrome的devtool的network面板,没有看到request带上cookie。
我估计是vue-resource的问题?

心塞,求指导

==================UPDATE=======================
1,用jquery替代vue-resource,是可以的。就是说我配置的跨域cookie是没问题的
2.我还找不到vue-resource出了什么问题不能发送cookie,已经确认开启credentials参数的生效的,但是就是发不出cookie

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
伊谢尔伦

你配置错了,它本身没有问题

PHPz

试试cookie域: domain=.xxx.com ?

PHP中文网

你还差一步 “OPTIONS”

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号