借助 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 入门教程，可以点击这里。