c# 如何处理跨域问题 cors

夏静大大_3930

夏静大大_3930

2026-01-05

595人浏览

原创

C#跨域核心是后端配置Access-Control-Allow-Origin等响应头,ASP.NET Core需在Program.cs中三步完成:AddCors注册策略、UseCors启用且位置在UseAuthorization前、策略中禁用AllowAnyOrigin与AllowCredentials组合;Web API 2则依赖EnableCorsAttribute全局或控制器级配置。

c# 如何处理跨域问题 cors

直接说结论:C# 处理跨域问题,核心是让服务器在响应头中正确返回 Access-Control-Allow-Origin 等 CORS 相关字段——但**不能靠前端“改请求”解决,必须后端主动配置**;不同 C# 框架(.NET Framework Web API vs ASP.NET Core)配置方式完全不同,混用会导致 403 或预检失败。

ASP.NET Core 项目:在 Program.cs 中配策略 + 中间件

这是当前主流方案(.NET 6+),必须三步全做,缺一不可:

  • builder.Services.AddCors():注册服务并定义命名策略(比如叫 "AllowFrontend")
  • 策略里明确指定源(.WithOrigins("http://localhost:5173")),禁止用 .AllowAnyOrigin() 配合 .AllowCredentials()(会直接报错)
  • app.UseCors("AllowFrontend"):必须放在 app.UseAuthorization() 之前,否则不生效
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddCors(options =>
{
    options.AddPolicy("AllowFrontend", policy =>
    {
        policy.WithOrigins("http://localhost:5173", "https://prod.myapp.com")
              .AllowAnyHeader()
              .AllowAnyMethod()
              .AllowCredentials(); // 若需带 cookie/token,必须指定具体源,不能用 "*"
    });
});
builder.Services.AddControllers();
<p>var app = builder.Build();
app.UseCors("AllowFrontend"); // ⚠️ 位置很关键:必须在 UseAuthorization 之前
app.UseAuthorization();
app.MapControllers();
app.Run();</p>

Web API 2(.NET Framework):用 Microsoft.AspNet.WebApi.Cors 包

老项目常见,依赖 NuGet 包,且配置入口在 Global.asax.cs 或 WebApiConfig.cs:

  • 先安装包:Install-Package Microsoft.AspNet.WebApi.Cors
  • 全局启用:在 GlobalConfiguration.Configuration.EnableCors() 中传入 EnableCorsAttribute
  • 注意通配符风险:new EnableCorsAttribute("*", "*", "*") 在生产环境等同于裸奔,尤其带认证时会失效
  • 更安全的做法是控制器粒度控制:[EnableCors(origins: "http://localhost:3000", headers: "*", methods: "*")]
// WebApiConfig.cs
public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        var cors = new EnableCorsAttribute(
            origins: "http://localhost:3000",
            headers: "Content-Type,Authorization,X-Requested-With",
            methods: "GET,POST,PUT,DELETE,OPTIONS");
        config.EnableCors(cors);
<pre class="brush:php;toolbar:false;">    config.Routes.MapHttpRoute(
        name: "DefaultApi",
        routeTemplate: "api/{controller}/{id}",
        defaults: new { id = RouteParameter.Optional }
    );
}

}

HISUI 前端框架开发指南(IRIS版)
HISUI 前端框架开发指南(IRIS版)

HISUI 前端框架基础开发指南。HISUI 是基于 easyui 二次开发的 jQuery UI 组件库,专为医疗信息系统设计。当涉及 HISUI 组件开发、jQuery easyui 表格/表单/布局/窗口、医疗系统前端页面编写时使用此 skill。 涵盖 40 个组件的官方文档参考,支持声明式与编程式两种初始化方式,提供 $cm/$m 数据访问方法。

下载

遇到 OPTIONS 预检失败?检查这三点

浏览器对非简单请求(如带 Authorization 头、Content-Type: application/json)会先发 OPTIONS 请求。失败通常因为:

  • CORS 中间件没覆盖到 OPTIONS 路由(ASP.NET Core 中 UseCors 必须在 UseRouting 之后、UseEndpoints 之前)
  • 策略中没显式允许 OPTIONS 方法(.WithMethods("GET", "POST", "OPTIONS"))
  • IIS 或反向代理(如 Nginx)截断了响应头,或自己写了 web.config 但 Access-Control-Allow-Methods 值里漏了 OPTIONS

别踩这些坑

很多问题不是 CORS 配错了,而是被其他机制干扰:

  • AllowCredentials = true 时,WithOrigins 不能写 "*",否则浏览器直接拒绝——必须列明具体协议+域名+端口
  • 前端用 fetch 发送带凭据的请求,必须加 credentials: "include",否则后端收不到 cookie
  • IIS 部署时,若用 web.config 手动加响应头,要确认 节点没被上级配置覆盖
  • 本地开发用 Vue/React 的 devServer.proxy 是临时绕过 CORS 的前端方案,上线必须切回真实 CORS 配置

最常被忽略的一点:CORS 是浏览器强制执行的安全策略,Postman、curl、后端调用完全不受影响——所以测试一定要用真实页面打开,看浏览器开发者工具 Network 标签页里的请求头和响应头是否完整出现 Access-Control-Allow-* 字段。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.27

423

5

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

4267

6

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

2023.08.04

7185

6

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

601

5

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.07.09

1516

5

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

2024.08.07

3998

3

nginx部署php项目教程汇总
nginx部署php项目教程汇总

本专题整合了nginx部署php项目教程汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

122

12

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

597

23

Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建
Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建

本指南详解Nginx在Windows、macOS及Linux系统的安装全流程。涵盖官方包解压、Homebrew一键部署、APT/YUM源配置及Docker容器化方案。无论新手或开发者,均可快速搭建运行环境,掌握跨平台核心指令,为后续配置与调优奠定坚实基础。

2026.03.16

179

12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app快速上手
uni-app快速上手

共0课时 | 0人学习

Vue 教程
Vue 教程

共42课时 | 17.5万人学习

Vue3.x 工具篇--十天技能课堂
Vue3.x 工具篇--十天技能课堂

共26课时 | 2.6万人学习