XHR工作正常,但Fetch API导致CORS错误

时间:2017-09-19 15:27:25

标签: javascript xmlhttprequest fetch-api

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

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

XHR版本

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

获取API版本

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.

对我可能做错的任何见解都会很棒。如果您需要更多信息,请告诉我,我会相应地更新我的问题。

0 个答案:

没有答案