李维 发表于 2025-6-13 10:49:20

【前端定制Vue】如何调用标准的异步API接口

Vue定制前端,调用标准API接口,以下范例是调用同步API接口,如果调用异步API接口,应该如何调整?

翁俊 发表于 2025-6-13 13:46:06

本帖最后由 翁俊 于 2025-6-13 16:28 编辑

目前样例就是异步的接口请求,调动接口都有一样的方式,区别就是参数和调用接口后的执行不同,需要根据业务自行调整,可以参考下列源码实例组织参数调试
initData(actionId: string, params?: any, eoc?: any): Observable<any> {
    const executeContext = this.content?.executeContext;
    const _params = {
      actionId,//服务名称
      parameter: params,//入参
      businessUnit: eoc || executeContext?.businessUnit,//eoc或者运营单元
      executeContext: executeContext, // 上下文信息
    };
    return this.http.post(`${url}/api/atdm/v1/data/query/by/actionId`, _params, {
      headers: this.getHeader(), //配置header参数
    });
}
平台已经封装好请求方式,不管是同步还是异步,接口成功后有回放参数,都会在调用的then方法里面,直接在then方法中获取回参即可

姜文盛 发表于 2025-6-13 14:02:56

补充:
异步API接口,如果指的是呼叫esp全异步的服务,
>> esp全异步是后端的异步callback,不牵涉前端。

页: [1]
查看完整版本: 【前端定制Vue】如何调用标准的异步API接口