vue3 + axios-retry

Vue3 是一个流行的 JavaScript 框架，而 axios-retry 是一个 Axios 的插件，它允许你在请求失败时自动重试。

要在 Vue3 中使用 axios-retry，你需要先安装 Axios 和 axios-retry 两个包：

npm install axios axios-retry

然后在你的 Vue3 项目中创建一个 axios 实例：

import axios from 'axios';
import axiosRetry from 'axios-retry';

const instance = axios.create({
  baseURL: 'https://api.example.com',
});

axiosRetry(instance, { retries: 3 });

export default instance;

在上面的代码中，我们使用 axios.create() 方法创建了一个 axios 实例，并将 baseURL 设置为我们的 API 地址。然后，我们使用 axiosRetry() 函数将 axios-retry 插件添加到我们的 axios 实例中，并将重试次数设置为 3。

现在你可以使用这个实例来发起 API 请求，并在请求失败时自动重试：

import axios from './axios';

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

在上面的代码中，我们导入了我们创建的 axios 实例，然后使用它来发起一个 GET 请求。如果请求失败，axios-retry 插件会自动重试，最多重试 3 次。如果所有重试都失败了，最终的 catch 块会捕获错误并打印到控制台上。

这就是如何在 Vue3 中使用 axios-retry 插件。希望这可以帮助你更好地处理 API 请求失败的情况。