vue3+TS封装axios

在Vue3和TypeScript中封装axios可以按照以下步骤进行操作：

1. 首先，在项目的src目录下创建一个utils文件夹，并在其中创建一个request.ts文件。在该文件中，导入axios并创建一个axios实例。可以使用引用\[2\]中的代码作为参考，设置基地址和请求超时时间。

2. 在request.ts文件中，可以封装一个函数request，该函数接受url、method和可能有/可能无的接口请求参数作为参数。在函数内部，使用axios实例发送请求，并返回一个Promise对象。可以使用引用\[1\]中的代码作为参考，使用axios实例的伪代码。

3. 在src目录下的根目录中创建一个axios文件夹，并在其中创建一个index.ts文件。在该文件中，可以进行axios的配置，包括实例化请求配置、请求拦截器和响应拦截器等。可以使用引用\[3\]中的代码作为参考。

通过以上步骤，你可以在Vue3和TypeScript中成功封装axios，并使用封装后的axios发送请求。
#### 引用[.reference_title]
- *1* *2* [TS+Axios的封装（vue3.x环境）](https://blog.csdn.net/u011690675/article/details/130160009)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Vue3 + Ts 封装axios](https://blog.csdn.net/qq_35624605/article/details/121074339)[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^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]