vue3 简单使用axios

在Vue3中简单使用axios的步骤如下所示：

1. 首先，需要导入Vue、axios和VueAxios这三个库。可以使用以下代码进行导入：

   import Vue from 'vue'
   import axios from 'axios'
   import VueAxios from 'vue-axios'

   Vue.use(VueAxios, axios)

2. 接下来，我们将使用axios实例，将其单独编写为一个js文件。你可以选择将该文件放在src/plugins/文件夹中，命名为axiosInstance.js。在该文件中，我们需要导入axios，并使用axios的create([config])方法创建一个axios实例。config参数是axios的基本配置信息，其中包括baseURL和timeout等。以下是一个示例代码：

   import axios from 'axios'

   const API = axios.create({
     baseURL: 'http://localhost:8080', // 请求后端数据的基本地址，根据实际情况进行修改
     timeout: 2000 // 请求超时设置，单位ms
   })

   export default API

以上是Vue3中简单使用axios的步骤。通过以上步骤，你就可以在Vue3中使用axios进行网络请求了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue3中使用axios](https://blog.csdn.net/qq_43647821/article/details/123127824)[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: 50%"]
- *2* [Vue 03-Axios的使用详解](https://blog.csdn.net/weixin_57519357/article/details/127209328)[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: 50%"]
[ .reference_list ]