axios vue2封装

在Vue2中，可以使用axios进行网络请求的封装。一种常见的封装方式是将axios封装成一个插件，以便在整个应用中方便地使用。以下是一个示例的封装过程：

首先，在一个单独的文件中（比如http.js），引入axios并创建一个axios实例。可以在这个文件中设置一些默认的请求配置，例如设置请求的baseURL、设置请求拦截器和响应拦截器等。然后，将封装好的axios实例导出，以便在其他地方使用。

在另一个文件（比如apis.js）中，引入刚刚封装好的axios实例，并定义各种请求方法。可以根据需要定义不同的请求方法，例如GET、POST等。在这些方法中，可以设置请求的路径、请求参数等。最后，将这些方法导出，以便在Vue组件中使用。

在main.js中，引入刚刚封装好的apis.js文件，并将其中的方法挂载到Vue实例的原型上，这样就可以在整个应用中通过this.$get或this.$post来发起网络请求了。

需要注意的是，为了使用axios，还需要在项目中安装axios依赖，并在main.js中引入axios库。

综上所述，以上是一个常见的axios在Vue2中的封装过程。这样封装后，可以在整个应用中方便地使用axios进行网络请求。
#### 引用[.reference_title]
- *1* *3* [vue二次封装axios](https://blog.csdn.net/w807139809/article/details/127496519)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Vue中axios的二次封装](https://blog.csdn.net/m0_63905956/article/details/125589282)[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^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]