9.Vue前端使用iframe集成帆软报表的单点登录

一、背景

需要把帆软报表内嵌到若依里面来。

二、帆软设置

2.1 帆软报表的url

打开帆软后端里面的【目录管理】查看具体报表的url

帆软报表的具体地址为：
Frm聚合报表地址:
【帆软的服务http】+【/webroot/decision/view/form?viewlet=demo/demo.frm】
CPT普通报表的地址：【帆软的服务http】+【/webroot/decision/view/report?viewlet=demo/demo.cpt】

2.2 帆软设置跨域允许

需要设置允许跨域请求，不然Vue前端使用iframe跳转到报表界面会报跨域的问题。打开帆软【安全管理】，关闭hearders设置。

三、前端Vue使用

利用两个iframe，一个ifamre跳转帆软前台的单点登录地址，传入账号密码。等第一个iframe跳转成功登录帆软后，第二个iframe 跳转到具体的报表界面

<template>
  <div>
  <div id='finereportLogin'>
     <iframe style="height:85vh;width:100%" id=<