你的位置:首页 > Java教程

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