请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

tangke888 Wyn认证

高级会员

108

主题

334

帖子

1562

积分

高级会员

积分
1562

活字格高级认证Wyn认证活字格认证

QQ
tangke888 Wyn认证
高级会员   /  发表于:2025-1-21 13:25  /   查看:62  /  回复:3
1金币


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>




附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

还是跨域问题,您按照如下设置即可:

3 个回复

倒序浏览
最佳答案
最佳答案
Felix.LiWyn认证
超级版主   /  发表于:2025-1-21 13:25:12
来自 4#
还是跨域问题,您按照如下设置即可:
  1. builder.Services.AddCors(options =>
  2. {
  3.     options.AddPolicy("AllowAll",
  4.                         builder =>
  5.                         {
  6.                             builder
  7.                                 .WithOrigins("https://localhost:9100")
  8.                                 .AllowAnyMethod()
  9.                                 .AllowAnyHeader()
  10.                                 .AllowCredentials();
  11.                         });
  12. });
复制代码


回复 使用道具 举报
Felix.LiWyn认证
超级版主   /  发表于:2025-1-21 15:18:40
2#
您好,我看他的报错提示是不允许设置通配符 * 。

然后看您的web发布地址是:localhost:9000。您可以单独配置允许跨域:
  1. builder.Services.AddCors(options =>
  2. {
  3.     options.AddPolicy("AllowMultipleOriginsWithCredentials",
  4.                       builder =>
  5.                       {
  6.                           builder
  7.                               .WithOrigins(
  8.                                   "http://localhost:9000",
  9.                                   "***" //配置其他
  10.                               )
  11.                               .AllowAnyMethod()
  12.                               .AllowAnyHeader()
  13.                               .AllowCredentials();
  14.                       });
  15. });

  16. var app = builder.Build();

  17. app.UseCors("AllowMultipleOriginsWithCredentials");
复制代码



回复 使用道具 举报
tangke888Wyn认证
高级会员   /  发表于:2025-1-21 16:27:13
3#
还是不行,还是不行还是不行
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部