我在本地用cds run 命令启动 SAP Cloud Application Programming 应用后，访问如下 url：

http://localhost:4004/vue/index.html

发现 Chrome 开发者工具里有一些错误消息，导致页面无法正常渲染：

仔细观察这个vue应用，发现它调用了下列这个endpoint：

endpoint返回的结果里，genre和currency字段都是空的：

而最后 Vue 页面，需要显示 genre结构的name字段：

解决方案

将genre对应的数据通过 csv 文件导入SQLite数据库即可：

最后的效果：

更多Jerry的原创文章，尽在：“汪子熙”:

SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析相关推荐

SAP Cloud Application Programming bookshop 例子的 Fiori Preview
进入 bookshop 文件夹,命令行 cds watch,以 development mode 启动应用: 点击超链接,即可通过 Fiori Elements 预览这些 service: 预览的 u ...
SAP Cloud Application Programming 介绍(2021 更新版）
这是Jerry 2021年的第 25 篇文章,也是汪子熙公众号总共第 296 篇原创文章. 最近有朋友给我留言,询问关于 SAP Cloud Application Programming(简称CAP ...
SAP Cloud Application Programming CDS 模型间 association 的设置
本文提到的在线书店的例子,参考 Jerry 的文章:SAP Cloud Application Programming 介绍 - 2021 更新版我定义了两个业务模型,名称分别为 Books 和 A ...
使用 Visual Studio Code SQLite 扩展来浏览 SAP Cloud Application Programming 数据库
在 SAP Cloud Application Programming 编程模型里,我们可以使用下面的命令行,使用持久化数据库( persistent database ) 来存储 entity 的数 ...
SAP Cloud Application Programming 里的@(path) 注解
标题:SAP Cloud Application Programming 里的@(path:'/browse') service 实现的 .cds 文件源代码: using { sap.capire. ...
安装 SAP Cloud Application Programming SDK @sap/cds-dk 时报错以及解决方案
我使用下列命令行安装 SAP Cloud Application Programming 开发SDK时,遇到下列错误消息: EEXIST file already exists EEXIST: fil ...
SAP Cloud Application Programming 编程模型(CAP)的设计准则
在SAP的云应用程序编程模型(CAP)是一个框架,语言,库和工具,为构建企业级的服务和应用.它引导开发人员沿着经过验证的最佳实践和大量现成的解决方案来应对重复性任务的"黄金之路" ...
一个典型的使用 SAP Cloud Application Programming 模型开发的 Fiori 应用
这个应用的完整代码,在这里可以下载. 这个项目的层级结构如下图所示: bookshop 文件夹该文件夹下包含了基于 SAP CAP 编程模型实现的服务和测试数据. 进入文件夹,执行命令 cds ru ...
最简单的 SAP Cloud Application programming CDS 练习
使用命令行安装 sap CDS SDK: npm i -g @sap/cds-dk 安装完毕后,新建一个 srv 文件夹,里面新建一个 world.cds 文件,定义一个 service: servi ...

SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析

解决方案

SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析相关推荐

最新文章

热门文章