應用服務提供內置的跨域資源共享 (CORS) 支持，可讓 JavaScript 客戶端對 API 應用中托管的 API 進行跨域調用。應用服務允許配置對 API 的 CORS 訪問，無需在 API 中編寫任何代碼。

本文包含兩個部分：

• 如何配置 CORS 部分概述如何為任何 API 應用、Web 應用或移動應用配置 CORS。此部分適用于應用服務支持的所有框架，包括 .NET、Node.js 和 Java。

• 本文從繼續學習 .NET 入門教程部分開始演示 CORS 支持，其內容基于第一篇 API 應用入門教程中完成的工作。

如何在 Azure 應用服務中配置 CORS

可以在 Azure 門戶中或使用 Azure Resource Manager 工具配置 CORS。

在 Azure 門戶中配置 CORS

在瀏覽器中轉到 Azure 門戶。

單擊“應用程序服務”，然后單擊 API 應用的名稱

?? 3.?在“API 應用”右側打開的“設置”邊欄選項卡中，找到“API”部分，然后單擊“CORS”。

?? 4. ? 在文本框中，輸入要允許的一個或多個 JavaScript 調用源 URL。

? ? ? ?? 例如，如果已將 JavaScript 應用程序部署到名為 todolistangular 的 Web 應用，請輸入 "https://todolistangular.chinacloudsites.cn" 。或者，輸入星號 (*) 指定接受所有原始域。

?? 5. ? 單擊“保存”。

?

單擊“保存”后，API 應用將接受來自指定 URL 的 JavaScript 調用。

?

使用 Azure Resource Manager工具配置 CORS

也可以使用 Azure PowerShell 和 Azure CLI 等命令行工具中的 Azure Resource Manager 模板來配置 API 應用的 CORS。

有關可設置 CORS 屬性的 Azure Resource Manager 模板的示例，請打開本教程的示例應用程序存儲庫中的 azuredeploy.json 文件。找到如以下示例中所示的模板部分：

"cors": {"allowedOrigins": ["todolistangular.chinacloudsites.cn"]}

?

?

想繼續學習 .NET 入門教程，可以點擊這里。

?

轉載于:https://www.cnblogs.com/cbits/p/7453409.html

總結

以上是生活随笔為你收集整理的借助 CORS 从 JavaScript 使用 API 应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。