ts+axios 定义接口返回值的类型

作者：System 时间：2024年08月07日分类：所有,typescript 字数：767

在TypeScript中，使用axios定义接口返回类型可以通过以下步骤实现：

安装axios类型定义，如果还没有安装，运行以下命令：
```
npm install --save @types/axios
```
在TypeScript文件中引入axios：
```
import axios from 'axios';
```

定义返回的数据类型，例如一个简单的用户类型：




interface User {
  id: number;
  name: string;
  email: string;
}

使用axios进行请求，并指定返回类型：




axios.get<User>('https://api.example.com/user/1')
  .then(response => {
    // 这里的response.data类型会被TypeScript识别为User
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

这样，当你从服务器获取数据时，TypeScript会确保返回的数据与你预定义的User类型相匹配，如果不匹配，TypeScript会在编译时报错。

ts+axios 定义接口返回值的类型

评论已关闭

推荐阅读