IIS 上托管的 ASP.NET Web API 和 React 应用程序中出现 CORS 错误

Question

我正在开发一个应用程序，以 ASP.NET Web API 作为后端，以 React 作为前端，两者都托管在 IIS 上。当我尝试使用 Firefox 从客户端 PC 访问后端时，遇到以下 CORS 错误： “跨源请求被阻止：同源策略不允许读取 https://10.1.221.43 处的远程资源： 44312/api/service/LoadDtatabydate。（原因：CORS 请求未成功）。” 从服务器本身访问时应用程序正常工作？

Answer 1

尝试在您的 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" />
        </customHeaders>
    </httpProtocol>
</system.webServer>