vue3中axios如何使用

在Vue 3中使用axios可以按照以下步骤进行：

1. 首先，我们需要安装axios。在终端或命令行中运行以下命令：

npm install axios

2. 在需要使用axios的文件中，可以通过import语句引入axios：

import axios from 'axios';

3. 使用axios发送请求。你可以在Vue组件的方法中使用axios来发送HTTP请求。以下是一个简单的示例：

methods: {
  fetchData() {
    axios.get('https://api.example.com/data')
      .then(response => {
        // 处理响应数据
        console.log(response.data);
      })
      .catch(error => {
        // 处理错误
        console.error(error);
      });
  }
}

在上面的示例中，我们使用`axios.get()`方法发送一个GET请求，并在`.then()`方法中处理成功响应，以及在`.catch()`方法中处理错误。你可以根据需要使用其他请求方法，如`axios.post()`、`axios.put()`等。

4. 如果你希望在整个应用程序中使用相同的配置（如基本URL、请求头等），可以创建一个axios实例，并将其配置传递给`create()`方法。下面是一个示例：

import axios from 'axios';

const instance = axios.create({
  baseURL: 'https://api.example.com',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer ' + getToken()
  }
});

export default instance;

在上面的示例中，我们创建了一个名为`instance`的axios实例，设置了基本URL和请求头。然后，我们可以在其他文件中使用`instance`来发送请求，而无需在每个请求中重复设置相同的配置。

这些是在Vue 3中使用axios的基本步骤。你可以根据需要进一步学习axios的功能和用法。希望对你有所帮助！