6.通过axios远程远程加载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