vue3 封装axios

可以使用 Vue.js 的插件机制来封装 axios。

首先，安装 axios：

npm install axios

然后，创建一个文件来存放封装的代码，例如 `src/plugins/axios.js`。在这个文件中，可以这样写：

import axios from 'axios'

const Axios = axios.create({
  baseURL: process.env.VUE_APP_API_BASE_URL, // 这里使用了项目的环境变量
  timeout: 5000,
});

Axios.interceptors.request.use(
  config => {
    // 在这里添加请求拦截器的逻辑
    // 例如，在这里可以添加 token 等
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

Axios.interceptors.response.use(
  response => {
    // 在这里添加响应拦截器的逻辑
    // 例如，在这里可以处理后端返回的错误码
    return response;
  },
  error => {
    return Promise.reject(error);
  }
);

export default Axios;

最后，在项目的入口文件中，引入并注册这个插件：

import Vue from 'vue'
import Axios from './plugins/axios'

Vue.use(Axios)

这样就完成了 axios 的封装。在项目中，就可以使用 `this.$axios` 来发送请求了。