Angular 5 xsrf-token cookie 和 x-xsrf-header 不相同

Question

我正在更改后端每个请求的 xsrf-token cookie 值。我一次对服务器进行多个 http 调用，但对于某些请求，“xsrf-cookie”值和“x-xsrf-header”值不同。

我尝试通过参数手动添加x-xsrf-header，但标头值不是最新的。

这是我试过的代码，

this.http.post<any>(route, paramas, {
      headers: new HttpHeaders({
        'X-XSRF-TOKEN': this.cookieService.get("XSRF-TOKEN"),
      })
 })

请找到下面的图片。 请帮忙。提前谢谢你。

Answer 1

这可能是一种竞争条件，浏览器获取/设置 cookie 需要时间，Angular 设置标头也需要时间。在大多数情况下，为整个用户会话（而不是每个请求都使用不同的）只拥有一个 csrf 令牌就足够了，而且更容易。