Plumber跨域(CORS)连接下能否设置Cookie？Angular调用失效排查

这个问题的核心是跨域请求默认不会携带Cookie，导致Plumber的session机制无法正常工作：直接在浏览器访问是同源请求，Cookie会自动发送，但Angular调用属于跨域，浏览器会默认阻止Cookie传递，所以每次请求都会重新创建session，计数器永远从0开始。

你需要同时在Plumber端和Angular端补充配置：

1. Plumber端补充CORS配置 #

除了Access-Control-Allow-Origin，还需要添加允许携带凭证的响应头，并且Origin不能设为*（必须是具体的前端地址，你已经设置了http://localhost:4200，这点没问题）。修改你的Plumber接口代码，补充以下响应头：

#* @get /sessionCounter
function(req, res){
  # 补充CORS头
  res$setHeader("Access-Control-Allow-Origin", "http://localhost:4200")
  res$setHeader("Access-Control-Allow-Credentials", "true")
  
  count <- 0
  if (!is.null(req$session$counter)){
    count <- as.numeric(req$session$counter)
  }
  req$session$counter <- count + 1
  return(paste0("This is visit #", count))
}

另外还要确保你正确注册了sessionCookie()钩子，比如在Plumber应用的初始化代码里：

pr <- plumber$new()
pr$registerHooks(list('postroute' = sessionCookie()))
# 然后加载你的路由文件
pr$run(port=8000)

2. Angular端配置请求携带凭证 #

在Angular发起HTTP请求时，需要显式设置withCredentials: true，告诉浏览器在跨域请求中携带Cookie。比如使用HttpClient的示例：

import { HttpClient } from '@angular/common/http';

// 在组件或服务中
constructor(private http: HttpClient) {}

getSessionCounter() {
  this.http.get('http://localhost:8000/sessionCounter', {
    withCredentials: true  // 关键配置
  }).subscribe(response => {
    console.log(response);
    // 处理返回结果
  });
}

额外检查点 #

• 打开浏览器开发者工具的Network标签，查看请求的Request Headers里是否包含Cookie字段，响应的Response Headers里是否有Access-Control-Allow-Credentials: true；
• 如果遇到CORS错误，检查控制台的错误提示，确认是否有其他未配置的头（比如如果请求有自定义头，还需要添加Access-Control-Allow-Headers）；
• 确保Plumber的sessionCookie钩子没有被其他钩子覆盖，或者注册顺序正确。

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