从 Vuex 到 Django API 后端的 csrf 令牌问题答案

【问题标题】：csrf token issue from Vuex to Django API backend从 Vuex 到 Django API 后端的 csrf 令牌问题
【发布时间】：2019-06-13 07:54:30
【问题描述】：

如何使用 vuex 中的全局拦截器将 csrf 令牌从 vuex axios 传递到 Django API。目前，我在每个帖子中传递 csrf，放置和删除请求，例如

putResponseResults: function (context, postData) {
      axios.post('/api/responses/', postData,  { headers: { 'X-CSRFToken': Cookie.get('csrftoken')} })
        .then(function (response) {
          // console.log(response.data)
        })

有没有全局的方式使用vuex传递csrf token，所以我不需要每次都写。

【问题讨论】：

标签： vue.js

【解决方案1】：

您可以将 CSRF 令牌设置为默认标头（以便将其附加到每个后续请求），如下所示：

axios.defaults.headers.common['X-CSRFToken'] = 'your token';

有关 axios 配置默认值的更多信息，请参见 axios documentation。

【讨论】：

感谢您的帮助，一切正常。现在我不需要每个请求都传递它
@SachinGadhari 非常欢迎您！如果您觉得有帮助，请采纳答案，谢谢。