vue3的axios配置

在Vue3中配置axios需要以下几个步骤：
1. 首先，在项目根目录下通过npm安装axios和vue-axios依赖，可以使用以下命令进行安装：`npm install --save axios vue-axios`
2. 在src根目录下创建一个service文件夹，并在该文件夹内创建一个axios.js文件。
3. 在axios.js文件中引入axios库和服务文件：`import axios from "axios";`
4. 创建一个axios实例并进行相关配置，例如设置超时时间：`const initAxios = axios.create({ timeout: 1800000 })`
5. 在axios.js文件中添加请求拦截器和响应拦截器。请求拦截器可以在发送请求前做一些操作，例如添加请求头信息。响应拦截器可以处理返回的数据，例如判断响应结果是否成功：`initAxios.interceptors.request.use(...)`,`initAxios.interceptors.response.use(...)`
6. 最后，导出这个axios实例供其他地方使用：`export default () => initAxios`

在Vue3中使用axios的步骤如下：
1. 在需要使用axios的组件或文件中引入axios服务：`import _service from "@/service";`
2. 使用axios发送请求，可以调用之前定义的接口方法，例如调用getList接口：`_service.getList({你的参数}).then(res => { console.log(res) })`
请注意，Vue3中没有this关键字，所以可以直接引用axios服务。如果项目较大，接口较多，可以将接口分模块定义，并在使用时分模块导入。例如，在admin模块中定义接口。

以上就是在Vue3中配置axios和使用axios的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue3使用axios的配置教程详解](https://blog.csdn.net/qq_38682174/article/details/125416084)[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 ]