【ActiveReports18】报表服务后端程序
本帖最后由 Eden.Sun 于 2024-6-27 12:24 编辑最近收到一些小伙伴的反馈,根据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 文件中增加支持跨域的代码:
至此,我们的一个完整的前后端分离的项目就彻底完成了:
附件是项目工程,大家可以参考。
页:
[1]