Axios interceptor 修改了 response 之后的类型推导

Question

老师，我们在 axios 的 response 拦截器中修改了它的返回值，如果status等于200则直接返回response.data中的内容。
但是在类型推导中还是推导成AxiosResponse类型，而不是AxiosResponse.data的类型。

我看到axios库中有关于这个问题的issue -> Axios issue about response type

但是这个解决方案适用于统一返回response.data的情况。

如何才能在interceptors.response中根据 response.status的不同推导出正确的类型？

Answer 1

Brian 2022-12-12 19:43:17

覆盖呀，可以在utils里面改成这样：

declare module 'axios' {
   export interface AxiosResponse<T = any> extends Promise<T> {}
}

然后接口可以这么改：

export const signin = (username: string, password: string, ...rest: any) =>
    axios.post<any, AxiosResponse<{ access_token: string }, any>>(
    '/auth/signin',
    {
        username,
        password,
        ...rest,
    }
);

效果：