借助 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
-
在浏览器中转到 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 入门教程,可以点击这里。