問題描述

登錄接口在 api.site.com 下，登錄之后會把用戶的access_token 以cookie 的方式往 site.com 這個域名下寫，但是刷新頁面之后在請求頭里面看不到cookie，this.cookies.get()也是undefined，說明沒有寫成功。

使用的是本地開發環境，api.site.com 和 www.site.com 實際上都是 localhost(127.0.0.1)，改的host實現的

代碼如下：

if(validateEmail && validateUsername) { let [User] = yield this.db.query(sql, user); let id = User.id const token = yield user.generateAccessToken(id); this.cookies.set(’access_token’, token, {domain: ’.site.com’ }) this.body = User;}

求大神支招

更新

整了個 nginx 代理，問題依然存在

可以在response header 里面看到服務器端有寫入的 set-cookies

但是在瀏覽器的cookies 里面看不到，頁面請求也沒有攜帶這個cookie

問題解答

這兩天搜遍了google，so，尼瑪終于找到問題了，覺得非常有必要自己記錄一下。全都是因為這個鬼東西 Request.credentials

The credentials read-only property of the Request interface indicates whether the user agent should send cookies from the other domain in the case of cross-origin requests. This is similar to XHR’s withCredentials flag, but with three available values (instead of two):omit: Never send cookies.same-origin: Only send cookies if the URL is on the same origin as the calling script.include: Always send cookies, even for cross-origin calls.

當我們在發送跨域請求時，request 的 credentials屬性表示是否允許其他域發送cookie，該屬性有3個值：omit: 默認屬性，不允許其他域發送cookiesame-origin: 只允許同域發送cookieinclude: 總是允許發送cookie

所以必須在發送post請求時加上 credentials: include,使用jq的話就是

$.ajax({url: ’http://api.site.com/users’,type: ’POST’,data: postData,xhrFields: { withCredentials: true},success: function (data) { console.log(data)} })

同時在服務端必須加上：

‘Access-Control-Allow-Credentials’：true

這個問題困擾了好多天，還是讀書太少。。。

用token

先用瀏覽器F12看一下cookies里面確定有了你放的token

朋友我跟你同樣的問題，后臺代碼是

this.cookies.set(’c’, ’3’,{domain:’localhost’,httpOnly:true);

前臺同樣是在response Headers 里面能看到Set-Cookies

你是說后臺

this.cookies.set(’c’, ’3’,{domain:’localhost’,httpOnly:true,’Access-Control-Allow-Credentials’:true})

這樣子改嗎？前端請求怎么辦？我的前端請求是這個樣子的：

$.post('http://localhost:8080/user/userlogin?username='+username+'&password='+password,function(data,status){ alert('Data: ' + data.toString()+ 'nStatus: ' + status); let userinfo = data[0]; $('#txtUsername').html(userinfo.username); $('#txtp').show();});

需要怎么調整？