从React应用程序发送REST请求

时间:2018-12-13 12:24:36

标签: c# reactjs cross-domain fetch

我正在尝试从其余应用程序发送REST请求,但出现405错误。 我的域名供应商建议我更改web.config文件。

GET

我还使用了Microsoft.AspNet.WebApi.cors,并添加了该行

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="Access-Control-Allow-Origin" value="*" />
      <add name="Access-Control-Allow-Headers" value="Content-Type" />
      <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
    </customHeaders>
   </httpProtocol>
</system.webServer>

到WebApiConfig.cs 并添加了标题

config.EnableCors();

转到我的控制器操作。

在客户端,我尝试使用Fetch:

[EnableCors(origins:"http://localhost:3000",headers:"*",methods:"*")]

但是我收到505错误,然后是: 无法加载 myUrl :“ Access-Control-Allow-Origin”标头包含多个值“ http://localhost:3000,*”,但仅允许一个。因此,不允许访问来源“ http://localhost:3000”。让服务器发送带有有效值的标头,或者,如果不透明的响应满足您的需要,请将请求的模式设置为“ no-cors”以在禁用CORS的情况下获取资源 我该如何解决?

0 个答案:

没有答案