vue3配置axios

要配置Vue 3中的axios，你需要进行以下步骤：

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

npm install axios

2. 创建一个名为 `axios.js` 的文件，将其放在src目录下（或者你指定的目录）。

3. 在 `axios.js` 文件中，导入axios和Vue：

import axios from 'axios';
import { createApp } from 'vue';

4. 创建一个axios实例，并设置一些默认配置，如基本URL、请求超时等：

const instance = axios.create({
  baseURL: 'http://api.example.com', // 设置基本URL
  timeout: 5000, // 设置请求超时时间
});

5. 可选步骤：如果你希望在每个请求中都携带一些默认的请求头，可以在axios实例中设置headers：

instance.defaults.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('token');

6. 将axios实例赋值给Vue的原型属性，这样它就可以在整个应用中使用：

createApp().config.globalProperties.$axios = instance;

7. 最后，在你的组件中，你可以通过`this.$axios`来发起请求。例如：

methods: {
  fetchData() {
    this.$axios.get('/api/data')
      .then(response => {
        console.log(response.data);
      })
      .catch(error => {
        console.error(error);
      });
  }
}

这样就完成了Vue 3中axios的配置。记得根据你的实际需求修改基本URL和其他配置。希望对你有帮助！