ts axios 封装
时间: 2023-11-04 12:57:11 浏览: 62
在使用TypeScript封装axios时,可以按照以下步骤进行操作:
1. 首先,安装axios库,可以通过运行命令`npm i axios`来安装。
2. 在合适的路径下,创建一个`request.ts`文件(文件名可以根据需要自行定义),比如可以在项目的`src`目录下创建一个`utils`文件夹,并在其中创建`request.ts`文件。
3. 在`request.ts`文件中,导入axios并创建axios实例。可以使用`import axios from 'axios'`来导入axios,并使用`axios.create()`方法创建一个axios实例。在创建实例时,可以设置一些配置,比如基础路径、请求超时时间等。
4. 接下来,可以封装请求函数。可以根据业务需求,封装一些通用的请求函数,对请求进行统一的处理和封装。例如,可以定义一个`get`函数来发送GET请求,使用`instance.get(url, config)`来发送请求,并返回请求的结果。
下面是一个示例代码:
```typescript
// request.ts
import axios from 'axios'
const instance = axios.create({
baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net/', timeout: 5000,
// 其他配置...
})
export function get(url: string, config?: any) {
return instance.get(url, config)
}
// 其他请求函数...
// 在其他地方使用
import { get } from './utils/request'
get('/api/example').then(response => {
console.log(response.data)
})
```