vue配置axios

在Vue中配置axios有多种方式可以选择。一种常见的方式是在main.js文件中引入axios，并将其挂载到Vue的原型上，使其在整个应用程序中可用。具体的步骤如下：

1. 首先，安装axios依赖，可以使用npm或者yarn进行安装。
2. 在main.js文件中引入axios：import axios from 'axios'。
3. 将axios挂载到Vue的原型上：Vue.prototype.$http = axios。
4. 在需要发送请求的组件中，可以使用this.$http来发送请求。

另外，你也可以使用axios的create方法创建一个自定义的axios实例。具体的步骤如下：

1. 在需要使用的文件中引入axios：import axios from 'axios'。
2. 使用axios.create方法创建一个实例，并进行相关配置：const instance = axios.create({ baseURL: 'https://api.example.com', timeout: 5000 })。
3. 使用创建的实例发送请求：instance.get('/api/users')。

使用这种方式创建的实例可以根据需要进行个性化配置，比如设置baseURL、设置请求头等。

需要注意的是，在Vue 3.x中，获取axios实例的方式略有不同。你可以使用Vue的getCurrentInstance方法或者proxy来获取实例。具体的代码如下：

import { getCurrentInstance } from "vue"
const { proxy } = getCurrentInstance()
const _http = proxy.$_http
const _API = proxy.$_API

// 使用_http发送请求
_http.get(_API.INTERFACE_GET_USER_LIST, { params }).then((res) => {
  console.log("axios请求结果", res);
})

以上是一些常见的Vue配置axios的方式，可以根据需求选择适合自己的方式进行配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [【Vue】axios 配置详解](https://blog.csdn.net/qq_45677671/article/details/115505260)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [VUE：axios配置及接口请求路径api配置](https://blog.csdn.net/weixin_44136505/article/details/120036326)[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^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]