怎么向Ant Design Vue中添加axions

要在 Ant Design Vue 中添加 axios，您需要遵循以下步骤：

1. 首先，通过 npm 或 yarn 安装 axios：

npm install axios

或

yarn add axios

2. 在您的项目中创建一个新的文件，比如 `api.js`，用于处理与后端的 API 交互。在这个文件中，导入 axios 并创建一个可以重复使用的实例：

import axios from 'axios';

const api = axios.create({
  baseURL: 'http://your-api-url.com', // 更新为您的 API 地址
});

export default api;

3. 在您的组件中，通过导入 api.js 文件来使用 axios。例如，在一个 Vue 组件中，您可以这样做：

<template>
  <div>
    <button @click="fetchData">获取数据</button>
  </div>
</template>

<script>
import api from './api.js';

export default {
  methods: {
    fetchData() {
      api.get('/data')
        .then(response => {
          // 处理响应数据
          console.log(response.data);
        })
        .catch(error => {
          // 处理错误
          console.error(error);
        });
    },
  },
};
</script>

在上面的示例中，我们使用 `api` 实例发送 GET 请求到 `/data` 路径，并处理响应数据或错误。

这样，您就可以在 Ant Design Vue 中使用 axios 来进行 API 请求了。请确保将 `baseURL` 更新为您的实际 API 地址。