vue3.0 挂载axios全局方法

在Vue 3.0中，我们可以使用以下方法全局导入axios：

1. 安装axios

通过命令行输入 `npm install axios` 安装axios

2. 创建axios实例

在main.js中全局创建一个axios实例并将其注入到vue实例中，如下：

import axios from 'axios'

const instance = axios.create({
baseURL: 'http://localhost:3000', //配置请求根路径
timeout: 5000 //配置请求超时时间
})

app.config.globalProperties.$axios = instance

3. 使用axios

以组件为例，在组件内部即可直接使用this. $axios.get()或this.$axios.post()等方法，如下：

export default {
data() {
return {
userList: []
}
},
mounted() {
this.$axios.get('/users').then(res => {
this.userList = res.data
}).catch(error => {
console.log(error)
})
}
}