vue3中axios封装

在Vue 3.x版本中，可以使用Promise来封装axios的Post和Get方法，将其作为一个单独的模块来维护，并结合vue.config.js中的proxy代理来使用。具体步骤如下：

1. 首先，需要在项目中安装axios，可以使用命令`npm install axios`来进行安装。

2. 创建一个名为http的模块，用于封装axios的Post和Get方法。在该模块中，可以使用async和await关键字来处理异步请求，以保证代码的简洁和可读性。

3. 在http模块中，可以使用Promise来封装Post和Get方法。通过传入不同的参数，可以实现不同的请求方式和数据处理。例如，可以使用axios.post()方法发送Post请求，使用axios.get()方法发送Get请求。

4. 在vue.config.js配置文件中，可以使用proxy代理来将请求转发到指定的服务器。通过配置target和changeOrigin等参数，可以实现跨域请求的代理设置。

总结起来，在Vue 3.x版本中进行axios的封装，可以通过以下步骤实现：安装axios，创建http模块，使用Promise封装Post和Get方法，结合proxy代理来实现跨域请求。

<span class="em">1</span>
#### 引用[.reference_title]
- *1* [vue3中axios整体封装](https://blog.csdn.net/weixin_46801545/article/details/126033805)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]