vue3引用axios

在Vue3中使用axios需要先安装axios和@vue/axios插件。

可以使用以下命令进行安装：

npm install axios @vue/axios

安装完成后，在main.js中引入和使用axios：

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

const app = createApp(App)

app.config.globalProperties.$axios = axios
app.use(VueAxios, axios)

app.mount('#app')

然后在组件中就可以通过`this.$axios`来调用axios了。

export default {
  methods: {
    fetchData() {
      this.$axios.get('/api/data')
        .then(response => {
          console.log(response)
        })
        .catch(error => {
          console.log(error)
        })
    }
  }
}