在之前的开发中，我们都是用了本地的JSON数据来进行开发。这一步我们将调用OData接口，来提供我们所需的OData数据。
可以免费使用的Odata服务 https://www.odata.org/odata-services/
修改 webapp/manifest.json文件， 增加Datasource， 修改Models:invoice
{
"_version": "1.7.0",
"sap.app": {
"id": "sap.ui.demo.walkthrough",
"type": "application",
"i18n": "i18n/i18n.properties",
"applicationVersion": {
"version": "1.0.0"
},
"title": "{{appTitle}}",
"description": "{{appDescription}}",
"sourceTemplate": {
"id": "ui5template.basicSAPUI5ApplicationProject",
"version": "1.40.12"
},
"dataSources": {
"invoiceRemote": {
"uri": "https://services.odata.org/V2/Northwind/Northwind.svc/",
"type": "OData",
"settings": {
"odataVersion": "2.0"
}
}
}
},
......
"sap.ui5": {
......
"models": {
"i18n": {
"type": "sap.ui.model.resource.ResourceModel",
"settings": {
"bundleName": "sap.ui.demo.walkthrough.i18n.i18n"
}
},
"invoice": {
"dataSource": "invoiceRemote"
}
},
"resources": {
"css": [{
"uri": "css/style.css"
}]
}
}
}
执行
执行无数据， F12查看 Console，错误信息如下：
Access to XMLHttpRequest at 'https://services.odata.org/V2/Northwind/Northwind.svc/$metadata?sap-language=ZH' from origin 'http://localhost:53084' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
查看sap的建议，解决无果
https://sapui5.hana.ondemand.com/#/topic/5bb388fc289d44dca886c8fa25da466e.html
参考下述文章后（复制一个Chrome浏览器，然后在浏览器右键属性目标框中拼接 --user-data-dir="c:\ChromeDebug" --test-type --disable-web-security）后能CORS问题解决
https://blog.csdn.net/u014089637/article/details/118904009
执行