HarmonyOS 鸿蒙Next 集成axios后如何封装loading

发布于 1周前 作者 gougou168 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 集成axios后如何封装loading Harmony OS 集成axios后，貌似无法和外部组件联动起来，应如何封装loading

Harmonyos Next教程
6 回复

您好，可以参考eftool二次封装的efAxios,和WinLoadingUtil,可以实现联动。

更多关于HarmonyOS 鸿蒙Next 集成axios后如何封装loading的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


写一个loading组件用于在window窗口显示，加载gif，在接口响应结束时发通知关闭window窗口

参考：链接

好的，我试试，谢谢，

好的，我试试，谢谢，

刚刚官方有新新方案了，可以参考 https://developer.huawei.com/consumer/cn/forum/topic/0210155929356496194?fid=0109140870620153026

刚完成了loading以及全局弹窗工具类的封装，参考：https://developer.huawei.com/consumer/cn/forum/topic/0202156174901893142?fid=0109140870620153026，

在HarmonyOS（鸿蒙）系统中集成axios并进行loading封装，可以通过以下步骤实现。这里我们假设你已经有一个HarmonyOS项目，并且已经通过npm或其他方式安装了axios。

  1. 创建Loading服务： 首先，在项目的common或services目录下创建一个新的JavaScript文件，比如loadingService.js。在这个文件中，你可以定义一个全局的loading状态，并提供显示和隐藏loading的方法。

  2. 封装axios请求： 在项目的utils或request目录下创建一个新的JavaScript文件，比如axiosInstance.js。在这个文件中，你可以导入axios并配置它，同时集成loading服务。在请求发送前显示loading，请求完成后隐藏loading。

  3. 使用封装后的axios： 在你的页面或组件中，导入封装后的axios实例，并使用它进行网络请求。这样，每次请求都会自动处理loading的显示和隐藏。

  4. 注意事项：

    • 确保你的HarmonyOS项目支持JavaScript模块化和npm包管理。
    • 根据项目的实际情况调整loading的UI和显示逻辑。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html

回到顶部