axios封装动态设置Content-Type

Question

问题如下：
有个问题 是这样的 后台给的API接口 请求类型有两种
'Content-Type': 'application/json'
'Content-Type': 'application/x-www-form-urlencoded'

前端在请求接口时，怎么动态设置axios封装的头部请求类型Content-Type。
下面是封装的请求方法

axios封装代码如下：

// 创建axios实例    
const instance = axios.create({
  baseURL: baseUrl,
  timeout: 10000, // 超时
});

// 请求拦截器
instance.interceptors.request.use(
  config => {
    const token = `Bearer ${utils.local.get('userToken')}`
    if (token) config.headers.Authorization = token;
    if (config.method === 'post' && config.data !== undefined) {
      config.data = qs.stringify(config.data.params);
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  });
  
//响应拦截
instance.interceptors.response.use(res => {
  const { status } = res.data.meta
  if (status === 200 || status === 500) {
    return Promise.resolve(res);
  } else if (status === 401) {
    router.push({ path: '/login' }) //登录成功跳转到首页
    return Promise.resolve(res);
  } else {
    return Promise.reject(res);
  }
}, error => {
  return Promise.reject(error)
})

export default instance;

Answer 1

你建两个实例不就好了，一个axios_json,一个axios_form，或者做一个工具获取获取实例，传一个type参数也行