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

Question

如何使用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令牌的全局方法，所以我不需要每次都写它。

Answer 1

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

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

可以在axios documentation中找到有关axios配置默认值的更多信息。