SAP Cloud Application Programming bookshop 例子 Vue页面不能正常显示的原因分析
我在本地用cds run 命令启动 SAP Cloud Application Programming 应用后,访问如下 url:
http://localhost:4004/vue/index.html
发现 Chrome 开发者工具里有一些错误消息,导致页面无法正常渲染:
![](http://n4.ikafan.com/assetsj/blank.gif)
仔细观察这个vue应用,发现它调用了下列这个endpoint:
![](http://n4.ikafan.com/assetsj/blank.gif)
endpoint返回的结果里,genre和currency字段都是空的:
![](http://n4.ikafan.com/assetsj/blank.gif)
而最后 Vue 页面,需要显示 genre结构的name字段:
![](http://n4.ikafan.com/assetsj/blank.gif)
解决方案
将genre对应的数据通过 csv 文件导入SQLite数据库即可:
![](http://n4.ikafan.com/assetsj/blank.gif)
最后的效果:
![](http://n4.ikafan.com/assetsj/blank.gif)
赞 (0)