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

Axios可能会忽略默认标头

1 个答案: