javascript - 如何在 axios.all() 中附加标题

Question

有没有办法在 axios.all 方法中附加 header ，或者我们是否必须单独将 header 附加到每个请求。

axios.all([
    axios.delete('http://localhost:5000/requests/'+{id}),
    axios.post('http://localhost:5000/records/'+{id, response}),
],{
    headers: {Authorization: localStorage.getItem('auth-token')}
}).then(res => console.log(res.data))
.catch(err => console.log(err));

Answer 1

创建 axios实例并为所有请求使用相同的实例(推荐)

const axiosInstance = axios.create({
  headers: {'X-Custom-Header': 'foobar'}
});

样本:

const axiosInstance = axios.create({
  headers: {
     Authorization: localStorage.getItem('auth-token')
  }
});

axios.all([
  axiosInstance.delete("http://localhost:5000/requests/" + {id}),
  axiosInstance.post("http://localhost:5000/records/" + {id, response})
  ]).then((res) => {
    console.log("Response: ", res);
  }).catch((error) => {
    console.log("Error: ", error); 
  })