axios 未在生产中发送 X-CSRFToken 标头

Question

我在 Heroku 上部署了 django rest，域如下：api.herokuapp.com。

在前端我有 React 域，例如：dashboard.mydomain.com

axios 的设置是：

axios.defaults.withCredentials = true;
axios.defaults.xsrfCookieName = "csrftoken";
axios.defaults.xsrfHeaderName = "X-CSRFToken";

本地一切正常。

生产中： 发出 POST 请求时出现 403 错误：CSRF Failed: CSRF token missing or incorrect

看到请求发送了cookie：

但它没有发送X-CSRFToken 标头。

本地正常发送标头。

我怀疑这可能是因为生产是 HTTPS 或因为域不同，但我对此了解不多。

可能是什么原因？

Answer 1

使用这个

axios.defaults.headers.common['X-CSRF-TOKEN'] = token;