vue3如何使用封装后的axios

您好！关于您的问题，我可以为您提供相关的信息。Vue 3 中使用封装后的axios，首先要安装axios和@vue/composition-api模块，然后在main.js中引入axios并挂载到Vue原型上，接着在需要使用的组件中调用封装好的axios实例即可。具体实现的代码如下：

1. 安装axios和@vue/composition-api模块：

npm install axios @vue/composition-api --save

2. 在main.js中引入axios并挂载到Vue原型上：

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

const app = createApp()

app.config.globalProperties.$axios = axios

app.mount('#app')

3. 在需要使用的组件中调用封装好的axios实例：

import { reactive, onMounted } from '@vue/composition-api'

export default {
  setup() {
    // 响应式数据
    const state = reactive({
      data: []
    })

    // 获取数据
    const getData = async () => {
      const res = await this.$axios.get('/api/data')
      state.data = res.data
    }

    onMounted(() => {
      getData()
    })

    return {
      state
    }
  }
}

希望以上信息能够帮助到您！如有其他问题请随时提出。