Axios 使用vue3配置使用

安装axios

npm install axios

在Vue3中使用axios

在Vue3中，我们可以使用provide和inject来全局注入axios实例，方便在整个应用中使用。

在main.js中，我们可以这样写：

import { createApp } from 'vue'
import axios from 'axios'
import App from './App.vue'

const app = createApp(App)

app.provide('axios', axios)

app.mount('#app')

这样，我们就在整个应用中注入了一个名为axios的实例。

在组件中使用axios

在组件中，我们可以使用inject来获取全局注入的axios实例。

export default {
  inject: ['axios'],
  data() {
    return {
      data: null
    }
  },
  mounted() {
    this.axios.get('/api/data').then(res => {
      this.data = res.data
    })
  }
}

这样，我们就可以在组件中使用this.axios来发起请求了