typescript 封装 axios问题

Question

如下，此时get和post会报类型不匹配：

不能将类型“{ 'Content-Type': string; }”分配给类型“string | number | boolean”。ts(2322)

const service = axios.create({
  baseURL: process.env.NODE_ENV === 'production' ? `/` : '/apis',
  headers: {
    get: {
      'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
    },
    post: {
      'Content-Type': 'application/json;charset=utf-8'
    }
  },
...

Answer 1

这是什么神奇的写法？

headers 是个普通的 K/V 结构对象，K 是标头 Key、V 是标头值，你咋还弄出嵌套来了？get、post 能是标头 Key 吗？

如果你想为 GET 和 POST 配置不同的 headers，那应该用拦截器来实现。