vue中使用ts封装的axios

在Vue中使用TypeScript封装的axios可以通过以下步骤实现：

1. 在src的根目录下创建一个axios文件夹，并在其中创建一个index.ts文件，用于封装axios的配置和方法。
2. 在index.ts文件中，可以使用axios库和qs库来进行请求和参数处理。可以定义一个Request类，其中包含get和post方法，用于发送GET和POST请求。这些方法返回一个Promise对象，可以在Vue组件中使用async/await语法进行调用。
3. 在api.ts文件中，可以定义一个api类，用于管理不同模块的接口。在这个类中，可以使用Request类的方法来发送请求。可以根据需要，使用Base模块进行接口的封装和调用。
4. 在Vue组件中，可以通过import语句引入api类，并在需要的地方调用相应的接口方法。可以使用async/await语法来处理异步请求的结果。

例如，在index.vue文件中，可以使用onMounted钩子函数来在组件挂载后发送请求。可以通过api.article.genre()和api.article.genres()方法来调用接口，并使用then方法处理返回的结果。

请注意，以上代码只是一个示例，具体的实现方式可能会根据项目的需求和架构而有所不同。
#### 引用[.reference_title]
- *1* *2* *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^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]