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

作者 : admin 本文共467个字,预计阅读时间需要2分钟 发布时间: 2023-11-2 共1人阅读

一、背景

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

二、帆软设置

2.1 帆软报表的url

打开帆软后端里面的【目录管理】查看具体报表的url
9.Vue前端使用iframe集成帆软报表的单点登录插图

帆软报表的具体地址为:
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设置。
9.Vue前端使用iframe集成帆软报表的单点登录插图(1)

三、前端Vue使用

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

<template>
  <div>
  <div id='finereportLogin'>
     <iframe style="height:85vh;width:100%" id=<
本站无任何商业行为
个人在线分享 » 9.Vue前端使用iframe集成帆软报表的单点登录
E-->