Azure Function App - 不存在 header

Question

我正在评估Azure Functions。为了尝试这样做，我有一个在本地主机上运行的网页。我想使用 JQuery 调用 Azure 函数并显示结果。为了做到这一点，我有以下 HTML:

<button onclick="return onTestClick();">Test</button>

...

<script type="text/javascript">
  function onTestClick() {
    $.ajax({
      url: "https://[my-function-app].azurewebsites.net/api/[My-Function]?code=[myCode]&name=bill", 
      success: function(result){
        console.log(result);
      },
      error: function(xhr, status, err) {
        console.log(status);
        console.log(err);
        console.log(xhr);
      }
    });
    return false;
  }
</script>

当我单击按钮时，error 事件处理程序被触发。在控制台 window 中，我可以看到以下错误：

XMLHttpRequest cannot load https://[my-function-app].azurewebsites.net/api/[My-Function[?code=[myCode]&name=bill. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

我的问题是，如何从本地主机上运行的 jQuery 调用 Azure 函数？ Azure 函数本身只是提供的示例函数。

Answer 1

您需要在 Azure 应用服务中启用 CORS。详情和截图为here.

Answer 2

请注意，如果要在其上添加 *，则必须删除所有其他允许来源类型，因为我已经成功地浪费了我 3-4 小时从这里到那里添加本地主机和所有内容，一切都失败了，最终没有任何效果我按照指示做了，我删除了所有允许的原点，并在几分之一秒内得到了输出。

Azure Function App - 不存在 header

Azure Function App - No header is present

jquery

azure

azure-functions