csrf - 如何使用 axios 发送 CSRF header ？

Question

我在 Vue 环境中使用 axios 与用 Symfony 编写的网络服务对话。每个请求都需要设置一个 X-Auth-Token header 。该值存储在 auth_token cookie 中。

axios实例配置使用

xsrfCookieName: 'auth_token',
xsrfHeaderName: 'X-Auth-Token'

但是即使 document.cookie 显示了 "auth_token=5e51c7d2..."，axios 发送的请求也没有 X-Auth-Token header 设置，因此遇到 403 Forbidden。如果我手动设置标题，一切正常，但我认为这两个选项应该自己处理。难道我做错了什么？不幸的是，我无法提供 fiddle ，因为我正在与私有(private) API 对话。

Answer 1

我和你遇到了同样的问题，最后我解决了。我的情况是我的cookie域和我用axios发送请求的页面不一样，所以axios找不到cookie。看来axios是根据当前浏览器域来找cookie的。希望能帮到你。