vue3搭建axios

在Vue3中搭建axios可以按照以下步骤进行操作：
1. 安装axios和vue-axios依赖：在终端中运行命令`npm install --save axios vue-axios`来安装axios和vue-axios。
2. 在src根目录创建service文件夹，并在该文件夹下创建axios.js文件。
3. 在axios.js文件中，引入axios和vue-axios，并创建一个axios实例。
4. 在axios实例中，可以添加拦截器来处理请求和响应。比如，在请求拦截器中可以做一些请求发送前的处理，而在响应拦截器中可以对响应结果进行处理。
5. 最后，将axios实例导出供其他组件使用。

代码示例：

// 安装依赖
// npm install --save axios vue-axios

// service/axios.js
import axios from "axios";
import VueAxios from "vue-axios";

const instance = axios.create({
  timeout: 1800000 // 设置请求超时时间
});

// 请求拦截器
instance.interceptors.request.use(
  config => {
    // 在发送请求之前做些什么
    return config;
  },
  error => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  response => {
    if (response.resultCode === 200) {
      return response.data;
    } else {
      return { resultCode: -1 };
    }
  },
  error => {
    // 对响应错误做点什么
    return Promise.reject(error);
  }
);

export default {
  install(Vue) {
    Vue.use(VueAxios, instance);
  }
};

在main.js中使用axios：

import Vue from 'vue';
import App from './App.vue';
import axios from './service/axios';

Vue.use(axios);

new Vue({
  render: h => h(App)
}).$mount('#app');