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

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

http://localhost:4004/vue/ind...

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

SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析_第1张图片

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

SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析_第2张图片

endpoint返回的结果里,genre和currency字段都是空的:

SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析_第3张图片

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

SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析_第4张图片

解决方案

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

SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析_第5张图片

最后的效果:
SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析_第6张图片

更多Jerry的原创文章,尽在:"汪子熙":

你可能感兴趣的:(SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析)