javascript - 如何从另一个域加载cookie

Question

假设我在两个不同的域上有两个应用程序。一个应用程序是在线商店，另一个应用程序是附属管理面板。

任务是:如果用户是成员(member)，则向他显示一个特殊的标题。

问题:如果我的用户已登录，我该如何询问我的联盟管理面板？我不能只进行异步调用，因为 cookie 不会以这种方式返回。我必须使用 iframe 还是有其他方法？

Answer 1

在管理面板服务器上配置特殊端点(运行 nginx):

location /hack_cookie {
    gzip_static on;
    gzip on;
    gzip_proxied any;
    if ($http_referer ~* (your_app_domain)) {
        add_header 'Access-Control-Allow-Origin' $http_origin;
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'your_cookie,DNT,X-CustomHeader,Keep-Alive,User-  Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
        add_header  your_cookie $cookie_your_cookie;
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        return 200 'Ok';
    }
}

然后在您的应用程序中:

var req = new XMLHttpRequest();
req.open('GET', 'https://www.admin_panel_domian.com/hack_cookie', false);
req.withCredentials = true;
req.send();
req.onload = function(){
    var headers = req.getAllResponseHeaders();
}

现在只需解析 headers 字符串，如下所示:

date: Tue, 17 May 2016 06:46:52 GMT
server: nginx/1.10.0
access-control-max-age: 1728000
access-control-allow-methods: GET, POST, OPTIONS
content-type: text/plain charset=UTF-8
status: 200
access-control-allow-credentials: true
your_cookie: fancyjohn
access-control-allow-headers: your_cookie,DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type
content-length: 2