javascript - 如何修改这个 axios 对象以便我可以在各种 header 之间进行选择？

Question

我目前有以下 axios 对象

    import axios from 'axios';
import constants from '../constants.js';
import Cookies from 'js-cookie';

const API = axios.create({
  baseURL: `${constants.urlBackend}`,
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json'
  },
});

API.interceptors.request.use(
  config => {
    var accesstoken = Cookies.get('accesstoken');

    if (accesstoken) {
      config.headers.Authorization = `Bearer ${accesstoken}`;
    } else {
      delete API.defaults.headers.common.Authorization;
    }
    return config;
  },

  error => Promise.reject(error)
);

export default API;

我使用的示例如下

API.get(constants.urlBackend + "/status/ftp/Server3")
        .then((response) => {
            if (response.status === 200) {
                this.setState({ sonServerThreeStatus: true });
            } else {
                this.setState({ sonServerThreeStatus: false });
            }
        })
        .catch((error) => {
            this.setState({ sonServerThreeStatus: false })
        });

要点是，到目前为止我使用该对象使用的所有请求都有 application/json 内容 header ，但我遇到了一个问题，其中有些请求需要

headers: {
                 'content-type': 'application/x-www-form-urlencoded;charset=utf-8'
             }

所以我不知道如何在各个 header 之间触发，或者如何使该对象在多个选项之间进行选择以及如何调用它。

Answer 1

解决了，我从对象中删除了 header ，现在我只需在启动对象时指定它们

 API.post(constants.urlBackend + "/register", qs.stringify({ email, password }), {
            'content-type': 'application/x-www-form-urlencoded;charset=utf-8'
        }).