从React调用Azure函数时出现错误500内部服务器错误

Question

当我从React调用我的Azure函数时，它返回500内部服务器错误。从Postman尝试了同样的方法，效果很好。

我从React打来的电话

componentDidMount() {
    const obj = { name: 'test.jpg' };
    sendRestRequest('GET', `${URL_API_AI_1}`, obj)
  }

sendRestRequest方法：

import request from 'superagent';

export const sendRestRequest = (requestAction, url, body = '') => new Promise((resolve, reject) => {
  request(requestAction, url)
    .send(body)
    .end((error, res) => {
      if (error) {
        reject(error);
      } else {
        resolve(res.body);
      }
    });
});

浏览器错误：

GET https://"url" 500 (Internal Server Error)
client.js:440 Uncaught (in promise) Error: Internal Server Error
    at Request.<anonymous> (client.js:440)
    at Request.push../node_modules/component-emitter/index.js.Emitter.emit (index.js:140)
    at XMLHttpRequest.xhr.onreadystatechange (client.js:732)

Answer 1

您需要为运行中的azure功能启用CORS。

  

跨源资源共享（CORS）是一种机制，该机制使用其他HTTP标头来告知浏览器以使Web应用程序在一个来源运行，从而访问来自另一个来源的选定资源。

有关更多详细信息，请参见官方文档here。

要从天蓝色门户启用CORS，请遵循以下答案here。

要启用CORS进行本地功能测试here。