Javascript XHR工作正常，但获取API导致CORS错误

我开始构建一个Reactjs应用程序，它使用FetchAPI来处理我对Web API的请求。在我为Azure应用程序设置Microsoft身份验证之前，我没有遇到任何问题，现在我的请求抛出了CORS错误

为了解决问题所在，我使用XHR设置了相同的请求。我能够毫无问题地完成请求。我想知道是否有人能告诉我哪里出了问题

XHR版本

var oReq = new XMLHttpRequest();  
oReq.open('get', 'https://myazureapp.azurewebsites.net/api/user', true);  
oReq.send();

fetch('https://myazureapp.azurewebsites.net/api/user');

获取API版本

var oReq = new XMLHttpRequest();  
oReq.open('get', 'https://myazureapp.azurewebsites.net/api/user', true);  
oReq.send();

fetch('https://myazureapp.azurewebsites.net/api/user');

这是我的错误：

No 'Access-Control-Allow-Origin' header is present on the requested
resource. Origin 'https://myazureapp.azurewebsites.net' is therefore
not allowed access. If an opaque response serves your needs, set the
request's mode to 'no-cors' to fetch the resource with CORS disabled.

---

任何关于我可能做错了什么的洞察都会很好。如果您需要更多信息，请告诉我，我将相应地更新我的问题。

获取支持可能会有疑问，请访问caniuse.com。这也不是您问题的答案，但我强烈建议使用axios以更好的方式处理ajaxapp@RobbieMilejczak-我会看看caniuse.com。我当然愿意接受其他解决方案。你怎么会推荐axios呢？它很像fetch（基于承诺），但你不必担心polyfills或浏览器支持。我也听说过superagent的优点，但我从未使用过它。如果您想继续使用fetch，尽管您可能需要在响应中发送一些额外的头，请检查msdn文档此处默认配置中的fetch不发送cookies。