#鸿蒙通关秘籍#HarmonyOS Next中如何统一管理页面所需的API调用？

为了规范项目结构，建议新建一个api文件夹，针对每个页面创建与之对应的API请求文件，将所有请求的定义和方法统一管理。可以通过封装好的HTTP请求工具类，结合页面特定的业务逻辑实现API调用，在组件生命周期函数中使用。

创建api/home.ets文件：

import http from '@ohos.net.http';
import request from '../utils/request';

class params {
  storeId: string = '';
}

//获取首页数据
export function getHomeData(data: params) {
  return request({
    url: "/api/store/home",
    method: http.RequestMethod.POST,
    data,
    headerContentType: 'application/x-www-form-urlencoded'
  });
}

//其他接口调用方法 ...

在页面中使用：

import { getHomeData } from "../api/home";

@Entry
@Component
struct Home {
  aboutToAppear(): void {
    getHomeData({
      storeId: '17815455885'
    }).then(res => {
      console.log(JSON.stringify(res), '接口返回数据');
    });
  }
}