Azure Function应用-不存在标题

Question

I am evaluating Azure Functions . In an attempt to do this, I have a web page that runs on localhost. I want to use JQuery to call an Azure Function and display the result. In an attempt to do this, I have the following 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>

When I click the button, the error event handler is triggered. In the console window, I can see the following error:

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.

My question is, how do I call an Azure Function from jQuery that's running on localhost? The Azure Function itself is just the sample function provided.

Answer 1

You will need to enable CORS in the Azure App Service. Details and screenshots are here .

Answer 2

请注意，如果要在其上添加*，则必须删除所有其他允许的原始类型，因为我从这里开始浪费了3-4个小时，在那里添加了localhost和所有内容，所以一切都失败了，最后我什么也没做根据指示，我删除了所有允许的原点，并在不到一秒的时间内得到了输出。