返回列表 发布新帖

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

114 2
发表于 2025-6-13 10:49:20 | 查看全部 阅读模式
问答

紧急程度

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

最佳答案

查看完整内容

本帖最后由 翁俊 于 2025-6-13 16:28 编辑 目前样例就是异步的接口请求,调动接口都有一样的方式,区别就是参数和调用接口后的执行不同,需要根据业务自行调整,可以参考下列源码实例组织参数调试 initData(actionId: string, params?: any, eoc?: any): Observable<any> {     const executeContext = this.content?.executeContext;     const _params = {       actionId,//服务名 ...

评论2

翁俊Lv.7 发表于 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方法中获取回参即可
image.png
姜文盛Lv.7 发表于 2025-6-13 14:02:56 | 查看全部
补充:
异步API接口,如果指的是呼叫esp全异步的服务,
>> esp全异步是后端的异步callback,不牵涉前端。

大家来答
    精选文章
    排错技巧 - 地中台无法启用
    问题描述顾问反馈:客户在完成新版更新后,服务无法正常启用! 错误信息如下,地中台
    低代码-数据分组使用方法
      需求背景      在流程支持多笔数据的场景下,使用数
    低代码--并行分支使用方法
     需求背景      在流程支持多笔数据的场景下,并行分支支持
    排错技巧 - 地中台查不到调用日志
    问题描述客户反馈:系统今天都有正常交易,但在EAI上却查不到日志记录,可能是什么原
    私有化效能问题排查 (09/15补充)
    需求背景在私有化环境中,客户的服务器环境可能在本地,也可能在云端,可能会受环境因
    • 关注公众号
    Copyright © 2025 鼎捷数智股份有限公司 版权所有 All Rights Reserved. Powered by Discuz! X5.0
    关灯 在本版发帖
    即将开放
    返回顶部
    快速回复 返回顶部 返回列表