通过vueui下载了axios绕后应该如何在vue3

在 Vue3 中使用 Axios 需要先安装 Axios 和 Vue 3 的适配器，可以使用以下命令来安装它们：

npm install axios @vue/axios

然后，在你的 Vue3 项目中，可以在 main.js 中使用以下代码来将 Axios 注册为全局插件：

import { createApp } from 'vue'
import axios from 'axios'
import VueAxios from '@vue/axios'

const app = createApp(...)
app.use(VueAxios, axios)

这里通过 `VueAxios` 将 `axios` 注册为全局插件，从而可以在整个应用中使用。

接下来就可以在你的组件中使用 `this.axios` 或 `this.$axios` 来发送请求了。例如：

export default {
  mounted() {
    this.axios.get('/api/data').then(response => {
      console.log(response.data)
    })
  }
}

注意，使用 `this.axios` 或 `this.$axios` 发送请求时，需要添加完整的 API 路径。如果你的 API 地址是 `http://localhost:3000/api/data`，那么可以这样发送请求：

this.axios.get('http://localhost:3000/api/data').then(response => {
  console.log(response.data)
})

当然，如果你使用了代理，可以将完整的 API 地址简写为 `/api/data`。在 Vue 3 中，可以通过在 `vue.config.js` 中配置代理来实现。例如：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true
      }
    }
  }
}

这样就可以在组件中简写 API 地址了：

this.axios.get('/api/data').then(response => {
  console.log(response.data)
})