vite axios封装

在使用Vite框架时，可以通过封装Axios来进行网络请求。首先，你需要在项目根目录下的.env文件中设置API的基础URL。然后，你可以在src/utils/request.ts文件中进行封装。根据不同的环境，你可以使用import.meta.env.VITE_API_BASEURL来切换不同的路径。接下来，可以通过创建一个Axios实例来发送请求，并进行请求拦截和响应拦截。在请求拦截器中，你可以统一设置用户身份token。在相应拦截器中，你可以统一处理接口响应的错误，比如token过期失效或服务端异常。最后，将封装好的Axios实例导出，在其他组件中使用。这样就完成了Vite中对Axios的封装。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vite2-axios:封装Axios接口数据缓存+取消重复请求](https://download.csdn.net/download/weixin_42121272/16096866)[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* *3* [Vue3+Vite+TS后台项目 ~ 4. axios请求封装](https://blog.csdn.net/weixin_45137565/article/details/122101942)[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 ]