javascript - 未通过 axios post 请求接收 Set-Cookie header

Question

我有一个 PHP 脚本，如果直接在浏览器中(或由 postman )调用，它会成功返回一些简单的 header 以及 set-cookie header 。我可以从 chrome devTools 读取响应 header 。但是当我通过 Axios 调用它时，set-cookie header 不会显示，并且浏览器中没有保存 cookie。

我尝试了不同的方法，例如更改服务器端的响应 header 以及在 axios 中使用“withCredentials: true”，但没有任何效果。我什至没有收到错误或任何与 cors 相关的问题。

PHP:

header("Access-Control-Allow-Origin: http://localhost:8080");
header("Content-Type: application/json; charset=UTF-8");
header("Access-Control-Allow-Methods: POST, GET");
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");
header("Access-Control-Max-Age: 99999999");
setcookie("TestCookie", "Testing", time() + 3600, "/", "localhost", 0);
die();

JS:

Vue.prototype.$http = axios.create({
    baseURL: XYZ,
    withCredentials: true
})

所以我的第一个问题是为什么直接调用php脚本时会出现标题？我怎样才能归档以通过 axios 获取 header ？

Answer 1

可能 cookie 是“httpOnly”，这意味着客户端 javascript 无法读取它。因此它不会显示在 Chrome Cookie 部分中。在 mozilla 中测试相同的请求， header 将显示。