已被CORS政策封锁：要求的资源上没有'Access-Control-Allow-Origin'标头

Question

嗨，我正在使用django rest框架作为API服务，并使用React作为前端。我可以在开发以及部署到iis时从react调用api。我收到此错误

  

请求的请求上没有'Access-Control-Allow-Origin'标头   资源。

我已经喜欢这样说=> CORS Error

但我仍然遇到此错误。

我的Django在localhost：81上运行

我的react应用运行于192.168.1.32:81

我可以在均已安装的本地服务器上运行此程序，但是当我尝试在另一台计算机上时出现此错误。

我用提琴手4覆盖了主机名中的端口。

Answer 1

在run（Windows键+ r）中使用此命令，然后在新的浏览器中运行您的应用

chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security

我希望它能按您的意愿

Answer 2

您可以使用iis响应标头：

1）打开iis管理器并选择站点。

2）双击中间窗格中的HTTP响应标头。

3）在操作窗格中，单击添加。

4）在“名称”框中，键入自定义HTTP标头名称。 在“值”框中，键入自定义HTTP标头值。

下面是标题和值：

访问控制允许来源：*

访问控制允许标题：内容类型

允许访问控制的方法：GET，POST，PUT，DELETE，OPTIONS

Access-Control-Allow-Credentials：true

5）单击确定。

或者您可以直接在web.config文件中添加以下代码：

<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" />
         <add name="Access-Control-Allow-Credentials" value="true" />
        </customHeaders>
      </httpProtocol>
  </system.webServer>