C# ASP.NET WebApi 跨域设置
概述
前后端分离开发模式，一定会遇到跨域的问题。这里收集了2种 C# Asp.Net webapi 相关的跨域解决方案，方便后续查找参考。
2021/10/28 更新: 有更加简单高效的方式推荐《C# ASP.NET MVC/WebApi 或者 ASP.NET CORE 最简单高效的跨域设置》
方案一：官方nuget扩展 Microsoft.AspNet.WebApi.Cors
第一步：搜索安装Microsoft官方扩展包：Microsoft.AspNet.WebApi.Cors
第二步：配置跨域条件
修改 App_Start/WebApiConfig.cs 添加跨域条件：
public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
// Web API 配置和服务
// 添加跨域设置
config.EnableCors(new EnableCorsAttribute("*", "*", "*"));
// Web API 路由
config.MapHttpAttributeRoutes();
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "XXX/{controller}/{action}/{id}",
//routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
}
}
这里未对跨域做任何限制，如果追求更高的安全性，有很多高级的设置，可以参考文章：https://www.cnblogs.com/landeanfen/p/5177176.html
方案二：自定义判断请求头
针对一般处理程序（.ashx）可以通过判断请求头来处理跨域访问。
在ProcessRequest方法中判断请求头，并设置返回头文件：
//支持跨域访问.
string origin = context.Request.Headers["Origin"];
if (string.IsNullOrEmpty(origin) == false)
{
context.Response.Headers["Access-Control-Allow-Origin"] = origin;
// context.Response.Headers["Access-Control-Allow-Origin"] = "*";
context.Response.Headers["Access-Control-Allow-Credentials"] = "true";
context.Response.Headers["Access-Control-Allow-Headers"] = "x-requested-with,content-type";
}