vue3 http请求

Vue 3 中的 HTTP 请求通常通过 Axios 库来处理，因为它是 Vue 官方推荐的 HTTP 库，易于集成且功能强大。以下是使用 Axios 进行 HTTP 请求的基本步骤：

1. **安装 Axios**:
首先，在项目中安装 Axios，可以使用 npm 或 yarn：

   npm install axios
   # 或者
   yarn add axios

2. **引入 Axios**:
在需要使用的地方导入 Axios，通常是全局引入：

   import axios from 'axios';

3. **创建实例（可选）**:
如果有特定配置需求，可以在创建 axios 实例时设置，例如设置 base URL、全局默认头等：

   const instance = axios.create({
     baseURL: 'http://api.example.com', // API 的基础地址
     headers: {'Authorization': 'Bearer ' + localStorage.token}, // 默认 header
   });

4. **发送请求**:
- **GET**请求：

     instance.get('/users')
       .then(response => console.log(response.data))
       .catch(error => console.error(error));

- **POST**请求：

     instance.post('/users', {name: 'John Doe'})
       .then(response => console.log(response.data))
       .catch(error => console.error(error));

5. **Promise 链接**:
Axios 返回的是一个 Promise 对象，你可以链式调用 `.then` 和 `.catch` 来处理响应结果。

6. **取消请求**:
可以使用 `instance.cancelToken` 或 `response.config.cancellation` 来取消请求。