ccess to XMLHttpRequest at 'https://localhost:44327/api/Control/MinuteHistory' from origin 'http://localhost:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

### 解决CORS策略阻止XMLHttpRequest访问的问题 在ASP.NET环境中，或者本地开发环境下设置`Access-Control-Allow-Origin`头部可以有效解决跨域资源共享（CORS）问题。以下是详细的解决方案： #### 配置ASP.NET中的CORS支持 可以通过安装NuGet包`Microsoft.AspNet.WebApi.Cors`来启用Web API项目中的CORS功能[^1]。具体步骤如下： 1. 安装必要的库： 使用命令行工具运行以下命令以安装所需的CORS库： ```bash Install-Package Microsoft.AspNet.WebApi.Cors ``` 2. 修改Web API配置文件： 在`App_Start/WebApiConfig.cs`中注册CORS支持并指定允许的域名或通配符。 ```csharp using System.Web.Http; using System.Web.Http.Cors; public static class WebApiConfig { public static void Register(HttpConfiguration config) { var cors = new EnableCorsAttribute( origins: "*", // 允许所有来源 headers: "*", // 允许所有自定义头 methods: "*"); // 允许所有HTTP方法 config.EnableCors(cors); // 其他API路由配置... } } ``` 3. 设置响应头： 如果需要手动控制响应头，则可以在控制器级别添加属性装饰器，例如： ```csharp [EnableCors(origins: "http://example.com", headers: "*", methods: "*")] public class MyController : ApiController { // 控制器逻辑... } ``` #### 本地环境下的IIS Express配置 对于基于IIS Express的本地开发环境，可以直接修改项目的`.csproj`文件或通过编辑`applicationhost.config`实现跨域支持。 1. 编辑`applicationhost.config`文件： 找到对应站点的配置部分，并加入以下指令： ```xml <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /> <add name="Access-Control-Allow-Headers" value="Content-Type, Authorization" /> ``` 2. 或者使用中间件处理请求： 对于现代框架如.NET Core/.NET 5及以上版本，推荐使用内置的Middleware机制完成跨域管理。例如： ```csharp app.UseCors(builder => builder .AllowAnyOrigin() .AllowAnyMethod() .AllowAnyHeader()); ``` 以上两种方式均能有效缓解因缺少`Access-Control-Allow-Origin`而导致浏览器拦截外部资源加载的情况[^4]。 #### 测试与验证 确保客户端发起预检请求(`OPTIONS`)时服务端能够正确返回预期的状态码(通常是200 OK)，以及相应的CORS相关头部信息。可借助开发者工具(F12 Console Network Tab)观察实际交互过程是否符合设计目标。 ---