我們部署在本地開發環境執行的 SAP UI5 應用，由於`瀏覽器安全策略`的限制，無法直接訪問遠端 OData 服務，原因是我們的 SAP UI5 應用本地執行在 `localhost` 這個域名上，而遠端請求的 OData 服務的域名比如說 `services.odata.org`，二者不是同一個域名，由於瀏覽器安全策略，瀏覽器拒絕這種`跨域的` HTTP 訪問請求。

![](https://img-blog.csdnimg.cn/55a30433d48c48eeae120a91b3bd0579.png#pic_center)

筆者的 [一套適合 SAP UI5 開發人員循序漸進的學習教程](https://blog.csdn.net/i042416/category_11395500.html) 曾經介紹過很多種不同的辦法來解決 SAP UI5 應用本地開發時遇到的這種`跨域問題`。

* [SAP UI5 應用開發教程之二十四 - 如何使用 OData 資料模型](https://jerry.blog.csdn.net/article/details/122750501)

* [SAP UI5 應用開發教程之二十五 - 使用自開發的代理伺服器解決 SAP UI5 應用訪問遠端 OData 服務的跨域問題](https://jerry.blog.csdn.net/article/details/122766435)

* [SAP UI5 應用開發教程之一百一十一 - SAP UI5 FileUploader 控制元件實現本地檔案上傳，接收伺服器端的響應時遇到跨域訪問錯誤](https://blog.csdn.net/i042416/article/details/126024207)

* [SAP UI5 應用開發教程之一百一十二 - 使用自開發的代理伺服器解決 SAP UI5 FileUploader 上傳檔案時遇到的跨域訪問錯誤](https://blog.csdn.net/i042416/article/details/126034853)

* [SAP UI5 應用開發教程之一百二十一 - 一鍵部署開箱即用的代理伺服器，解決 SAP UI5 應用開發過程中訪問遠端 OData 服務的跨域問題](https://jerry.blog.csdn.net/article/details/126556257)

本文筆者再介紹另一種方法，使用 SAP Fiori Tools 自帶的代理伺服器中介軟體(middleware)，開發人員既不需要動手親自開發代理伺服器，也不需要下載第三方的代理伺服器然後在本地安裝，而是直接在 SAP UI5 本地工程的 `ui5.yaml` 檔案裡進行簡單配置即可。

本步驟基於的例子仍然是步驟 24 即消費遠端 OData 服務 `https://services.odata.org/V2/Northwind/Northwind.svc/`.

在步驟 24 裡，我們直接禁掉了 Chrome 瀏覽器的安全檢查策略。在上面提到的其他教程文章裡，筆者使用了自定義或者第三方的代理伺服器，來規避跨域訪問 OData 服務的錯誤。

![](https://img-blog.csdnimg.cn/img_convert/935d11ad0ca45551ae8bb1a7525d3512.png)

我們先檢視按照本文介紹的步驟完成後，達到的效果。

執行在 localhost 上的本地 SAP UI5 應用，能否成功訪問遠端 `https://services.odata.org`  上的 OData 服務，並將 invoice 列表取回來顯示在應用的表格控制元件裡。

![](https://img-blog.csdnimg.cn/img_convert/45620529449b8cc617881bb43fa5554f.png)

[下面](https://jerry.blog.csdn.net/article/details/130532351)是該步驟的詳細實現過程講解。

使用 SAP Fiori Tools 自帶的代理伺服器解決本地執行的 SAP UI5 應用遇到的跨域問題

相關文章