6.通过axios远程远程加载BPMN

最新推荐文章于 2026-07-19 14:33:27 发布

原创最新推荐文章于 2026-07-19 14:33:27 发布 · 518 阅读

收录于

当前文章被以下社区和专栏收录：

BPMN-JS实战教程专栏收录该内容

8 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在生产环境中通过axios从服务器端远程获取BPMN流程图。主要步骤包括安装axios，使用axios异步请求远程BPMN文件，并成功将其加载到BPMN模型中。

需求

生产环境中，流程图一般存储在server端，需要通过http请求获取然后加载。

步骤

1.安装axios

使用流行的axios（ajax框架）来远程请求，使用npm i axios进行安装。

2.添加远程获取

现在将bpmnModeler.importXML()的bpmn参数改为远程服务器获取，使用axios异步获取，代码如下，重点关注这部分代码try...catch内部的相关代码。

<template>
  <div class="modeler">
    <div id="canvas"></div>
    <div id="properties">
    </div>
  </div>
</template>

<script>
// import pizzaDiagram from '@/assets/bpmn/pizza-collaboration.bpmn';
import BpmnModeler from "bpmn-js/lib/Modeler";
import "bpmn-js-proper

标签