Angular获取PHP设置的Cookie问题：控制台为何返回Null？

你遇到的问题是跨域场景下Cookie无法在Angular中获取，核心原因是跨域请求的Cookie传递规则限制，以及前后端配置的缺失。下面一步步帮你解决：

1. 为什么会返回Null？ #

• 你的PHP设置了Access-Control-Allow-Origin: *，浏览器的同源策略明确规定：当允许所有源（*）时，禁止请求携带credentials（Cookie、HTTP认证信息等），所以Cookie既不会被传递到后端，也无法被前端读取。
• Angular的HttpClient默认不会在请求中携带Cookie，需要显式开启对应配置。
• 第一次设置Cookie时，$_COOKIE["TestCookie"]不会立即生效——Cookie是通过响应头发送给浏览器，只有下一次请求时才会被带回后端，所以第一次请求返回的就是Null。

2. 后端PHP修改方案 #

调整CORS头和Cookie参数，确保跨域场景下Cookie能正常传递：

// 替换为你的Angular实际运行域名（比如http://localhost:4200），不能用*
header("Access-Control-Allow-Origin: http://localhost:4200");
header("Access-Control-Allow-Methods: PUT, GET, POST, DELETE");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
// 关键：允许请求携带Credentials（Cookie）
header("Access-Control-Allow-Credentials: true");
header("Content-Type: application/json; charset=UTF-8");

$se = '444';
// 完善Cookie参数：path设为/确保全站可访问，SameSite根据场景调整（Lax适合大部分情况）
setcookie(
    "TestCookie",
    $se,
    time() + 3600*24, // 有效期1天
    "/", // 路径
    "", // 域名，留空则为当前域名
    false, // secure：HTTPS环境下设为true
    false // httponly：设为true则JS无法读取，这里要设为false让Angular能获取
);

// 处理第一次请求时$_COOKIE为空的情况
$aa = isset($_COOKIE["TestCookie"]) ? $_COOKIE["TestCookie"] : $se;
$value = array('cookie' => $aa);
$rows = array();
$rows[] = $value;
echo json_encode($rows);

3. 前端Angular修改方案 #

在HTTP请求中开启withCredentials，让请求主动携带Cookie：

getcookie(id): Observable<cookies[] > {
  return this.httpClient.get<cookies[]>(this.baseUrl + '/setcookie.php', {
    withCredentials: true // 必须开启，否则Cookie不会被携带
  });
}

你也可以先在getco方法里直接打印后端返回值，确认数据是否正确：

getco() {
  this.dataService.getcookie(this.cat).subscribe(response => {
    console.log('后端返回内容:', response); // 先验证返回值
    this.cook = response.map(item => new cookies(item.cookie));
    console.log(this.cook);
  });
}

4. 额外注意事项 #

• 如果是HTTPS环境，需要把setcookie的secure参数设为true，否则Cookie不会被传递。
• 跨域名场景下需要Cookie共享时，要正确设置setcookie的domain参数（比如.yourdomain.com），同时将SameSite设为None（必须配合secure=true）。
• 确保浏览器没有禁用Cookie，且没有第三方Cookie拦截的设置。

内容的提问来源于stack exchange，提问作者jason