javascript - axios 动态设置默认标题

Question

我想设置一个随每个请求一起发送的 header :

axios.defaults.headers.common = {
    Accept: 'application/json',
    'X-CSRF-TOKEN': store.state.csrf
};

这仅在页面加载时进行评估。我希望它是动态的，因为 csrf 值稍后可能会更改。像这样的东西:

axios.defaults.headers.common = {
    Accept: 'application/json',
    'X-CSRF-TOKEN': () => store.state.csrf
};

但是这不起作用。

Answer 1

您可以随时覆盖/扩展默认值:

// set defaults...

// do requests...

// overwrite CSRF token
axios.defaults.headers.common['X-CSRF-TOKEN'] = store.state.csrf;

// do more requests...

或者你可以 change the defaults only for a certain instance .