ActiveReports 集成到netcore 报表无法预览,打开时报错
netcore 后台
Access to fetch at 'http://localhost:9100/api/reporting/reports/$temp%252F5e7395cf-1847-4b29-b436-a9fb9a7303e0.rdlx/info' from origin 'http://localhost:9000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.
WebDesigner.vue:29
GET http://localhost:9100/api/reporting/reports/$temp%252F5e7395cf-1847-4b29-b436-a9fb9a7303e0.rdlx/info net::ERR_FAILED
设计器vue 页面代码
<template>
<div id="ar-web-designer"></div>
</template>
<script>
import { arWebDesigner } from '@mescius/activereportsnet-designer';
import { createViewer } from '@mescius/activereportsnet-viewer';
import './web-designer.css';
// import { arWebDesigner } from './web-designer.js';
// import { createViewer } from './jsViewer.min.js';
export default {
mounted() {
//let serverUrl = 'http://localhost:58721';
let serverUrl = 'http://localhost:9100';
arWebDesigner.create('#ar-web-designer', {
rpx: { enabled: true },
appBar: { openButton: { visible: true } },
editor: { showGrid: false },
data: { dataSets: { visible: true, canModify: true }, dataSources: { canModify: true } },
server: {
url: serverUrl + '/api'
},
preview: {
openViewer: (options) => {
if (this.viewer) {
this.viewer.openReport(options.documentInfo.id);
return;
}
this.viewer = createViewer({
element: '#' + options.element,
renderFormat: 'svg',
reportService: {
url: serverUrl + '/api/reporting',
},
reportID: options.documentInfo.id
});
}
}
});
}
}
</script>
<style>
#ar-web-designer {
height: 100vh;
float: right;
width: 100%;
}
</style>
|