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

我在本地用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数据库即可：

最后的效果：