vue3 中axios.create(config)使用方法

在 Vue3 中使用 Axios 库，可以通过 axios.create(config) 方法创建一个新的 Axios 实例，并传递一些默认的配置选项。具体使用方法如下：

1. 安装 Axios 库

首先需要在项目中安装 Axios 库，可以使用 npm 或 yarn 进行安装。

npm install axios

2. 创建 Axios 实例

在需要使用 Axios 的地方，可以通过 axios.create(config) 方法创建一个新的 Axios 实例。其中，config 参数是一个配置对象，可以设置一些默认的请求选项，如 baseURL、headers 等。

import axios from 'axios'

const instance = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json'
  }
})

3. 发送请求

创建 Axios 实例后，就可以通过该实例发送请求了。与之前版本的使用方式相同，支持各种请求方式，如 get、post、put、delete 等。

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

需要注意的是，Vue3 中使用 Axios 库的方式与 Vue2 中有些不同，需要使用 Vue3 的 Composition API 进行封装。可以使用 ref、reactive、watchEffect 等 API 来处理请求数据。