如何在ReactJS + .Net核心Web应用程序中嵌入/呈现SSRS报表

public void ConfigureServices(IServiceCollection services)
{
    services.AddControllersWithViews();
    // 添加SSRS服务配置
    services.AddSingleton(Configuration.GetSection("SSRS").Get<SSRSConfig>());
}

import React from 'react';

function ReportViewer({ reportUrl }) {
    return (
        <iframe src={reportUrl} width="100%" height="600px"></iframe>
    );
}

export default ReportViewer;

import React, { useEffect, useState } from 'react';
import axios from 'axios';

function ReportViewer() {
    const [reportUrl, setReportUrl] = useState('');

    useEffect(() => {
        axios.get('/api/get-report-url')
            .then(response => {
                setReportUrl(response.data.url);
            })
            .catch(error => {
                console.error('Error fetching report URL:', error);
            });
    }, []);

    return (
        <iframe src={reportUrl} width="100%" height="600px"></iframe>
    );
}

export default ReportViewer;

[HttpGet("api/get-report-url")]
public IActionResult GetReportUrl()
{
    var reportServerUrl = Configuration.GetSection("SSRS:ServerUrl").Value;
    var reportPath = Configuration.GetSection("SSRS:ReportPath").Value;
    var reportUrl = $"{reportServerUrl}/{reportPath}";

    return Ok(new { url = reportUrl });
}

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
    {
        options.AddPolicy("AllowAllOrigins",
            builder =>
            {
                builder.AllowAnyOrigin()
                       .AllowAnyHeader()
                       .AllowAnyMethod();
            });
    });
    services.AddControllersWithViews();
}

[EnableCors("AllowAllOrigins")]
public class ReportController : ControllerBase
{
    // ...
}