javascript - Typescript - 修改拦截器以返回 config.data 时如何更改 axios 响应的类型

Question

这是代码

const fetcher = Axios.create()

fetcher.interceptors.response.use(config=>{
  return config.data
})

问题是 fetcher.get('...') 的类型是AxiosInstance，但实际上是AxiosInstance.data类型
那么如何正确更改类型呢？

Answer 1

是not necessary重新定义模块。
假设你的拦截器是 response => response.data和服务器响应，如:

{
  book: { id: 42 }
}

这应该足够了:

type Book = {
    id: number
}

type ResponseContainer = {
    book: Book
}

request.post<unknown, ResponseContainer>('/api')
    .then(({ book }) => console.log(book.id))