藉助 CORS 從 JavaScript 使用 API 應用

應用服務提供內置的跨域資源共享 (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

1. 在瀏覽器中轉到 Azure 門戶。

2. 單擊「應用程序服務」，而後單擊 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 入門教程，能夠點擊這裏。