藉助 CORS 從 JavaScript 使用 API 應用程式，corsapi

藉助 CORS 從 JavaScript 使用 API 應用程式，corsapi

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

本文包含兩個部分：

• 如何配置 CORS 部分概述如何為任何 API 應用程式、Web 應用程式或行動裝置 App配置 CORS。此部分適用於應用服務支援的所有架構，包括 .NET、Node.js 和 Java。

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

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

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

在 Azure 門戶中配置 CORS

   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 入門教程，可以點擊這裡。