Vue3 TS封装axios
时间: 2023-09-11 16:13:22 浏览: 100
vue+ts下对axios的封装实现
你可以按照以下步骤来封装 Axios 在 Vue 3 中使用 TypeScript:
1. 首先,安装 Axios 和 TypeScript 定义文件(axios 和 @types/axios)。
```shell
npm install axios @types/axios
```
2. 在项目中创建一个 `services` 文件夹,并在其中创建一个名为 `api.ts` 的文件。这个文件将包含 Axios 的封装代码。
3. 在 `api.ts` 文件中,导入 Axios 和相关的 TypeScript 定义。
```typescript
import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';
```
4. 创建一个自定义的 Axios 实例,并定义一些默认配置。
```typescript
const api = axios.create({
baseURL: 'https://api.example.com', // 根据你的实际需求修改
阅读全文