鍍金池/ 問(wèn)答/人工智能  C  HTML/ axios設(shè)置cookie失敗

axios設(shè)置cookie失敗

在vue的項(xiàng)目中 使用axios請(qǐng)求 并使用 cross跨域 并設(shè)置了允許攜帶cookie信息，

axios.defaults.crossDomain = true;
axios.defaults.withCredentials  = true;

這時(shí)需要在request.header設(shè)置cookie ，于是使用了 window.document.cookie，

這時(shí)問(wèn)題就來(lái)了，我可以在控制臺(tái)打印出window.document.cookie，但是在request.header 怎么也沒(méi)有吧 cookie添加進(jìn)去

這時(shí)打印出來(lái)的 window.document.cookie
圖片描述
在request.header里面的cookie還是老樣子 ，并沒(méi)有把 window.document.cookie添加在 cookie的后面
圖片描述

菜鳥(niǎo)求救！菜鳥(niǎo)求救！菜鳥(niǎo)求救！

回答
編輯回答
旖襯

cors攜帶的cookie是你請(qǐng)求域的cookie，而非你當(dāng)前域的cookie

2017年12月22日 00:37
編輯回答
呆萌傻

CORS需要瀏覽器和服務(wù)器同時(shí)支持，這個(gè)錯(cuò)誤是服務(wù)器響應(yīng)你后，瀏覽器去檢測(cè)發(fā)現(xiàn)服務(wù)器相應(yīng)的allow-Origin里面不包括你使用的網(wǎng)址，所以可以在后臺(tái)將允許的源設(shè)置所有就不會(huì)報(bào)錯(cuò)，不知道你用的哪門后臺(tái)，具體后臺(tái)語(yǔ)言語(yǔ)法可以查下。
// 指定允許其他域名訪問(wèn)
header("Access-Control-Allow-Origin:*");
// 響應(yīng)類型
header("Access-Control-Allow-Methods:POST");
// 響應(yīng)頭設(shè)置
header("Access-Control-Allow-Headers:x-requested-with,content-type");

2018年3月30日 17:41