javascript - 使用 webpacker 为 axios 指定 XSRF 配置默认值

Question

我想指定将应用于每个请求的配置默认值：

// app/javascript/setupCSRFToken.js
import axios from 'axios'

export default function() {
  const csrfToken = document.querySelector("meta[name=csrf-token]").content
  axios.defaults.headers.common['X-CSRF-Token'] = csrfToken
}

// app/javascript/packs/application.js
import setupCSRFToken from '../setupCSRFToken'
setupCSRFToken()

但它似乎没有应用。在 React 组件（导入 axios）中调用它只会返回undefined：

componentWillMount() {
  console.log(axios.defaults.headers.common['X-CSRF-TOKEN'])
}