Vue集成activity工作流

情景：

由于activiti与系统应用主题样式出入较大，协商后决定将activiti的editor-app放在前台。

ps:主要iframe解决多项目集成，重写httpRequest添加token，但都2020年了，其实优选微前端方案集成。

步骤：

1. 将activiti放在public即静态目录下。
2. 通过iframe在相应的前台工作流界面引入activiti的model.html（最外层的主html，名字可能有出入）。
3. mounted时将this，即vuecompoennt对象赋值给iframe，这样可以在保存后进行页面切换，或者某个接口回调后控制vue界面的状态。

   mounted(){
       window.getMyVue = this;//全局存入当前vue实例，供activiti调用
   }

4. 因为涉及到了权限问题，而通过iframe引入的页面本身不会跟我们系统的请求头一致，需要在页面主html文件加上下面一段代码。

   //model.html
   <script>
      (
       function(open){
       XMLHttpRequest.prototype.open = function(method,url,async,user,pass){
           open.call(this,method,url,async,user,pass);//this指XMLHttpRequest
           this.setRequestHeader("token",window.parent.getMyVue.token);//mounted时传入的token
       }
   	}
   	)(XMLHttpRequest.prototype.open)
   </script>

    

5. 配置下url的config文件，通过network调试查看那个接口有问题