【ActiveReports18】报表服务后端程序

    最近收到一些小伙伴的反馈，根据ActiveReports 18 新特性-更便捷的WEB集成实现的项不能实现报表预览、创建等功能。这里说明一下上面的教程只是实现了一个VUE的前端内容，只有web页面上的展示，并没有建立对应的后端的服务，所以只有页面样式效果，没有实际的报表功能。今天，我们继续介绍为前端的VUE项目创建后端服务。
   
    按照ActiveReports 18 新特性-更便捷的WEB集成中的说明创建项目之后，前端页面可以正常显示，但是所有需要与后端服务交换数据的服务都是用不了的。
   

    所以我们需要添加一个后端服务，其实在创建项目的时候，后端服务程序也一起创建了。就是代码中的 VueApp.Server 工程
   


    首先是找到 VueApp.Server 中的 launchSettings.json 配置文件，然后找到里面的 profiles 设置：
   

    默认生成的里面有配置示例，分别是http和https类型的，基本大同小异，我们根据项目的类型进行修改，比如我发布的是 http 类型的项目，就把 https 的配置项删掉，然后调整发布的ip、端口等内容：
   

    然后上面的ip、端口在 vueapp.client 中刚才添加的 WebDesigner.vue 项目中进行配置：
   

    因为使用的是不同的端口，所以运行时可能会遇到跨域的问题：
   


    遇到这个也不要慌，在后端代码  Program.cs 中设置允许跨域就行：
    先安装一个跨域的包：Microsoft.AspNetCore.Cors
   

    然后在 Program.cs 文件中增加支持跨域的代码：
   

    至此，我们的一个完整的前后端分离的项目就彻底完成了：
   

   

     附件是项目工程，大家可以参考。