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

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

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

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

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

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

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

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

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

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

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

解决方案

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

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

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

更多Jerry的原创文章,尽在:“汪子熙”:
SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析

上一篇:【Azure Developer】Azure Graph SDK获取用户列表的问题: SDK中GraphServiceClient如何指向中国区的Endpoint:https://microsoftg


下一篇:打造立体化监控体系与APM最佳实践系列 --Zipkin部署与使用