laravel - axios 删除一个请求的默认 header

Question

我正在尝试从 Google Maps API 获取位置，但出现 CORS 策略错误，因为我的 bootstrap.js 中有这些默认 header

window.axios.defaults.headers.common = {
    'X-Requested-With': 'XMLHttpRequest',
    'X-CSRF-TOKEN' : document.querySelector('meta[name="csrf-token"]').getAttribute('content')
};

如何为特定的 axios get 请求删除它们？我看到一些答案是他们在请求之前使用的

    delete axios.defaults.headers.common["X-Requested-With"];
    delete axios.defaults.headers.common["X-CSRF-TOKEN"];

但是这些会完全删除它们，有什么想法吗？谢谢和问候!

Answer 1

您可以在您发出的请求中使用transformRequest:

axios.get('xxxx.com', { transformRequest: [(data, headers) => {
   delete headers.common.Authorization;

   return data 
}] })

或者您可以直接删除 header ，然后在之后添加:

delete axios.defaults.headers.common["Authorization"];
axios.get('xxxx.com');
axios.defaults.headers.common["Authorization"] = 'Bearer xxxx';