使用 axios.create 时无法获取标头

Question

我在 axios.js 中创建了一个 axios 实例，如下所示

const instance = axios.create({
  baseURL: "url",
  timeout: 5000,
  headers: {
    authorization:
      "key",
  },
});

export default instance;

我正在使用它，如下所示

const responce = await instance.get(url)

但问题是我的 api 无法访问标头，它向我显示需要授权密钥的错误。如果我像下面这样手动传递标头，我的 api 工作正常

 const responce = await instance.get(url, {
        headers: {
          authorization:
            "key",
        },
      })

Answer 1

试试这个。

instance.defaults.headers.common['authorization'] = "key";

替代方式

const instance = axios.create();

instance.interceptors.request.use(
  function (config) {
    config.baseURL = BASE_URL;
    config.headers =  {
      authorization:
        "key",
    }
    return config;
  },
  function (error) {
    Promise.reject(error);
  }
);

export default instance;