🌟vue-axios-plugin的用法 & 快速配置多接口💻

在Vue项目中，`vue-axios-plugin` 是一个非常实用的小工具，它可以帮助我们轻松管理API请求。首先，我们需要安装插件：`npm install axios vue-axios`。接着，在`main.js`里引入并注册它：

```javascript

import Vue from 'vue'

import axios from 'axios'

import VueAxios from 'vue-axios'

Vue.use(VueAxios, axios)

```

接下来是重点！如果你的项目需要对接多个接口，比如用户API、商品API等，可以创建一个`api`文件夹，分别存放不同模块的接口。例如：

```javascript

// api/user.js

export const getUserInfo = () => Vue.axios.get('/user')

// api/product.js

export const getProducts = () => Vue.axios.get('/products')

```

这样做的好处是代码结构清晰，便于维护。最后，在组件中直接调用即可：

```vue

<script>

import { getUserInfo } from '@/api/user'

export default {

data() {

return {

userInfo: {}

}

},

created() {

getUserInfo().then(res => (this.userInfo = res.data))

}

}

</script>

```

通过这种方式，不仅提高了开发效率，还让项目更加整洁有序！✨