Property 'xxx' does not exist on type 'Ax一文读懂TS的(.d.ts)文件iosResponse<any, any>' 的解决办法

唐志远

发布于 2023-05-03 03:00:21

3.8K00

代码可运行

文章被收录于专栏：FE32 CodeFE32 Code

运行总次数：0

代码可运行

问题描述

在vue3 + ts 项目中，使用axios库调接口时报了如下错误:

Property 'code' does not exist on type 'AxiosResponse<any, any>'.ts(2339)

或者遇到 Property 'xxx' does not exist on type 'AxiosResponse<any, any>'.ts(2339) 类型问题我们该如何解决呢？

解决方法

新建一个axios.d.ts文件，内容如下:

// 定义接口返回数据类型，这里根据后端返回去定义

interface resPage {
    page: number
    pageSize: number
    total: number
    hasNextPage: boolean
    pageTotal: number
}

interface itfRes<T = {}[] | {} | []> {
    code: number
    message: string | undefined
    data: T
    reason?: string
    page?: resPage
}

import * as axios from 'axios'

declare module 'axios' {
    interface AxiosResponse extends itfRes
}