Axios + Typescript：如何传递“ResponseType”类型的参数？

Question

axios 定义ResponseType为

export type ResponseType = 
  | 'arraybuffer' 
  | 'blob' 
  | 'document' 
  | 'json' 
  | 'text' 
  | 'stream'

我正在尝试将配置传递给 axios.post

const config = {
        headers: {
            'X-Requested-With': 'XMLHttpRequest',
            'Content-Type': 'application/x-www-form-urlencoded',
            'Host': HOST_HEADER,
        },
        responseType: 'json'
 }

 const data_to_post = { .... omitted ... }

 return axios.post(HOST, data_to_post, config)

问题：打字稿 linter 警告我说类型字符串不能分配给类型 ResponseType。

还尝试过：当然我不能使用语法

 responseType: ResponseType.json

我怎样才能解决这个问题？

Answer 1

问题是 Typescript 会推断config出类型

{
    headers: {
        'X-Requested-With': string;
        'Content-Type': string;
        'Host-Header': string;
    };
    responseType: string;
}

Typescript 不知道您正在尝试为 Axios 创建配置对象。您可以将整个对象显式键入为AxiosRequestConfig，也可以显式键入responseType: 'json'为 be 类型ResponseType。

const config: AxiosRequestConfig = {
  headers: {
    'X-Requested-With': 'XMLHttpRequest',
    'Content-Type': 'application/x-www-form-urlencoded',
    'Host-Header': 'dsa',
  },
  responseType: 'json'
};