解决 'Access-Control-Allow-Origin' 跨域错误：Web API CORS设置指南

解决 'Access-Control-Allow-Origin' 跨域错误：Web API CORS设置指南

'has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed.' 这个错误通常是由于CORS（跨域资源共享）策略引起的。在Web API后台中，可以通过以下代码来设置CORS策略：

1. 在Web API项目中打开WebApiConfig.cs文件。

2. 在Register方法中添加以下代码：

config.EnableCors();

3. 在Web.config文件中添加以下代码：

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

这些代码会启用CORS，并允许任何来源（*）访问API。如果需要更加精细的控制，可以修改Access-Control-Allow-Origin的值，只允许特定的来源访问API。