V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
cfort
V2EX  ›  JavaScript

Ajax 无法跨域获取 cookie

  •  
  •   cfort · 2018-09-06 19:48:15 +08:00 · 4957 次点击
    这是一个创建于 2271 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端代码如下

    x.withCredentials =true
    x.open('GET', 'http://www.example.com/xxx');
    x.setRequestHeader("lang", "zh");
    x.onload=function(){
    console.log(x.responseText);
    };
    x.send();
    

    响应头:

    Access-Control-Allow-Credentials: true
    Access-Control-Allow-Headers: x-requested-with, Content-Type,Cookie, Accept, multipart/form-data, application/x-www-form-urlencoded, lang, token, os, version, time
    Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE
    Access-Control-Allow-Origin: http://192.168.0.128:8020
    Cache-Control: no-cache, must-revalidate, no-cache, private
    Connection: close
    Content-Type: application/json
    Date: Thu, 06 Sep 2018 10:27:57 GMT
    Pragma: no-cache
    Proxy-Connection: keep-alive
    Server: nginx/1.13.12
    Transfer-Encoding: chunked
    X-Content-Type-Options: nosniff
    X-Powered-By: PHP/7.2.5
    

    请求头:

    lang: zh
    Origin: http://192.168.0.128:8020
    Referer: http://192.168.0.128:8020/test/new_file.html?__hbt=1536228082860
    User-Agent: Mozilla/5.0 (Linux; Android 5.0; SM-G900P Build/LRX21T) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Mobile Safari/537.36
    

    后端是有 cookie 返回的,直接在浏览器输入接口 url 可以看到 cookie,而且后端也设置了 Access-Control-Allow-Credentials: true,可以在响应头看到,在网山查了很久,找不出是什么地方的问题,求大佬指点!

    14 条回复    2018-09-10 19:41:21 +08:00
    Sparetire
        1
    Sparetire  
       2018-09-06 19:52:42 +08:00 via Android
    httponly ?
    cfort
        2
    cfort  
    OP
       2018-09-06 20:00:15 +08:00
    @Sparetire 后台返回的 cookie 没有设置这个
    KuroNekoFan
        3
    KuroNekoFan  
       2018-09-06 20:10:17 +08:00 via iPhone
    我觉得可以先搞搞明白同源策略和 cors 的一些细节
    conn4575
        4
    conn4575  
       2018-09-06 21:11:03 +08:00 via Android
    看是不是 cookie 得 domain 设错了
    zhengxiaowai
        5
    zhengxiaowai  
       2018-09-06 22:50:19 +08:00
    cookie 本身就不能跨域。。
    duan602728596
        6
    duan602728596  
       2018-09-06 22:59:50 +08:00 via iPhone
    不能跨域不是很正常的吗?
    lucky2javascript
        7
    lucky2javascript  
       2018-09-07 01:24:20 +08:00
    跨域怎么共享?
    Sparetire
        8
    Sparetire  
       2018-09-07 01:53:05 +08:00 via Android
    楼上各位 cookie 语境下的域和同源策略语境下跨域的域不是一个概念吧。。同源策略下同域名不同端口就算跨域,cookie 这种情况显然可以共享。。同源策略下子域 xhr 请求就跨域了,cookie 也可以共享,所以难道不是应该看看是否允许子域共享,path 是否正确,是否 httpinly
    Sparetire
        9
    Sparetire  
       2018-09-07 01:53:34 +08:00 via Android
    @Sparetire 手滑,httponly
    lucky2javascript
        10
    lucky2javascript  
       2018-09-07 01:55:29 +08:00
    @Sparetire a.b.comc.b.com 可以共享吗?
    Sparetire
        11
    Sparetire  
       2018-09-07 02:00:52 +08:00 via Android
    @leeseeanchiu 不能,我也没说所有情况都能,但是比如 a.com 设置的 cookie, b.a.com 能拿到,但这种情况下对 xhr 请求来说已经算跨域了吧
    w3313003
        12
    w3313003  
       2018-09-07 09:13:47 +08:00
    前端也要 x.withCredentials = true
    laoona
        13
    laoona  
       2018-09-07 15:27:42 +08:00
    跨域请求可以携带 cookie (后端接口能收到),但后端接口在浏览器下是种植不了 cookie 的。
    cfort
        14
    cfort  
    OP
       2018-09-10 19:41:21 +08:00
    感谢各位,开发环境下把接口和项目域名设置一样暂时避开了这个问题~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5570 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 06:59 · PVG 14:59 · LAX 22:59 · JFK 01:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.