无法读取我的API或特定API [React.js / Node.js / Axios / Fetch]

时间:2017-07-24 03:31:28

标签: javascript node.js reactjs axios wcf-rest

我对此感到很困惑,如果你告诉我我的代码是错的,我已经尝试了不同的API并且它有效。但在我的情况下,有几个API无法在react.js中访问。请帮帮我纠正。您可以尝试这些不能在react.js中工作的API,但总是会获取打字稿提取失败或网络错误:

  1. http://pp53.azurewebsites.net/pp53service.svc/viewprovincelist
  2. https://www.getpostman.com/collections/1d8df8b0b5bf27e5009b
  3. 第一个是我的API,第二个是其他。我已经在Postman和其他编程语言以及ASP.NET MVC等其他框架上尝试过这个API,但它不再麻烦了。但是,当我尝试使用axios,fetch,甚至是ajax时,API仍然无法工作。有没有人可以向我解释原因?因为如果您使用此https://api.myjson.com/bins/1cfkej或此http://jsonplaceholder.typicode.com/todos,则没有问题。

    谢谢!

    这是我的代码

    {{1}}

1 个答案:

答案 0 :(得分:1)

感谢Dimitar Dimitrov提供线索。我现在解决了我的问题。这是因为我自己的API没有为CORS配置。我只是通过添加以下行来启用它:

<httpProtocol>  
      <customHeaders>  
        <add name="Access-Control-Allow-Origin" value="*" />  
      </customHeaders>  
</httpProtocol>

在我的WCF RESTful web.config和 system.webserver 下。 参考:http://www.c-sharpcorner.com/UploadFile/dhananjaycoder/solved-access-control-allow-origin-error-in-wcf-rest-service/

非常感谢您节省我的时间:)