#鸿蒙通关秘籍#如何在HarmonyOS项目中快速集成并使用开放的h_request网络库?

HarmonyOS
2024-11-29 15:42:38
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
SCM幻影舞

为了在HarmonyOS项目中快速集成并使用h_request网络库,按照以下步骤进行设置和使用:

  1. 在项目中添加依赖:
"dependencies": {
    "@yyz116/h_request": "1.0.1"
}
  1. 创建一个工具类http.ts来定义全局网络配置和拦截器:
import Request from '@yyz116/h_request';

const $u = {
  http: new Request(),
};

globalThis.$http = $u.http;

globalThis.$http.setConfig((config) => {
  config.baseURL = "http://175.178.126.10:8000/api/v1";
  return config;
});

// 添加请求和响应拦截器
globalThis.$http.interceptors.request.use((config) => {
  return config;
});

globalThis.$http.interceptors.response.use((response) => {
  return response;
});
  1. 在应用组件中调用API来获取数据:
import { getSwiperList, getHotMovie } from "../common/api/home";

getSwiperList().then((res) => {
  console.log(res.data);
}).catch((error) => {
  console.error(error);
});

getHotMovie({ start: 0, count: 1, city: "郑州" }).then((res) => {
  console.log(res.data);
}).catch((error) => {
  console.error(error);
});

这种方式实现了对网络请求的统一管理,使应用结构更加清晰,维护更加简单。

分享
微博
QQ
微信
回复
2024-11-29 16:51:35
相关问题