被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头

Question

您好，我使用 django Rest Framework 作为 API 服务，使用 React 作为前端。在开发时以及部署到 iis 时，我可以从 React 调用 api。我收到此错误

请求的资源上不存在“Access-Control-Allow-Origin”标头。

我已经这样做了=> CORS错误

但我仍然遇到这个错误。

我的 Django 在 localhost:81 上运行

我的反应应用程序运行于：192.168.1.32:81

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

我使用 fiddler 4 覆盖主机名中的端口。

Answer 1

您可以使用 iis 响应标头：

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

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

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

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

下面是标题和值：

访问控制允许来源：*

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

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

访问控制允许凭据： 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>