Angular 5 xsrf-token cookie 和 x-xsrf-header 不一样

Question

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

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

这是我试过的代码，

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

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

Answer 1

这可能是一个竞争条件，浏览器获取/设置 cookie 需要时间，Angular 设置 header 也需要时间。对于大多数用途，只为整个用户 session 提供一个 csrf token 就足够了，而且更容易(每个请求都没有不同的 token )。