Axios 可能会忽略默认标头

Question

我在我的 nuxt 项目中使用 axios。 当我通过在请求配置中设置标头配置来发出请求时，node.js 上会忽略默认标头。

当我在 node.js 上运行以下代码时

import axios from "axios";
axios.defaults.headers.common["default-header"] = "default-header";
axios.get("https://jsonplaceholder.typicode.com/todos/1", {
  headers: { header1: "header1" },
})
.then((response) => {
  console.error(response.config);
});

响应配置头如下

  headers: {
    header1: 'header1'
  }

预期的响应配置头如下

  headers: {
    default-header: "default-header"
    header1: "header1"
  }

当我在浏览器（如 Chrome）上运行以下代码时，响应配置标头符合预期。

这是 axios 的错误吗？

我创建了一个用于验证的存储库 https://github.com/mimi6612/nuxt-axios-request-config-sample

Answer 1

我认为您缺少 axios.create 方法。

import axios from 'axios'

const requestHandler = config => {
  config.headers = {
      'defaultHeader': 'myDefaultHeaderString'
    }
  config.crossDomain = true
  return config
}

const requester = axios.create()
requester.interceptors.request.use(requestHandler)

export requester