vue3 高水平封装axios请求及api统一管理

在Vue3中，我们可以通过对axios进行高水平封装来实现请求的统一管理。首先，我们需要在项目中引入axios，并将其封装成一个单例实例，在需要的时候直接调用。

封装的axios实例可以包含一些常用的配置，例如设置请求的超时时间、设置默认的请求头等。同时，我们还可以添加拦截器来对请求进行统一处理，例如在请求发送前显示loading动画，在请求返回后隐藏loading动画。

另外，为了方便管理api，我们可以创建一个api.js文件，将所有的api请求统一管理。在该文件中，我们可以定义各种不同的请求方法，例如get、post等，然后再将这些请求方法通过模块化的方式导出，便于在项目中进行使用。

在各个组件中，通过import的方式引入api.js文件，然后直接调用其中的请求方法进行数据的获取。这样做的好处是可以将所有的api请求进行集中管理，便于后期的维护和修改。

总的来说，通过将axios进行高水平封装和使用api统一管理的方式，可以更好地管理项目中的请求代码。这样做既提高了开发效率，又便于项目维护，同时也可以使得代码结构更加清晰和易懂。