ASP.NET WebAPI允许跨域访问配置踩坑记

最新推荐文章于 2025-05-17 10:45:35 发布

闰土月下追猹

最新推荐文章于 2025-05-17 10:45:35 发布

阅读量947

点赞数

CC 4.0 BY-SA版权

分类专栏：后端文章标签： asp.net c# restful

本文链接：https://blog.youkuaiyun.com/qq_36237810/article/details/109820645

本文记录了在ASP.NET WebAPI项目中配置跨域访问的过程，包括遇到的问题及解决方法。首先展示了未配置跨域时，尝试从本地HTML通过jQuery AJAX请求API失败的情况。接着，介绍了通过安装Microsoft.AspNet.WebApi.Cors NuGet包，并在WebApiConfig.cs文件中启用跨域请求的步骤，以及在Web.config中进行的相关配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

没有设置服务端允许跨域访问之前

API服务器地址http://localhost:17693/api/food
在本地新建一个HTML，采用jQuery Ajax获取跨域获取数据，结果如下：

配置ASP.NET Web API允许跨域访问

API所在项目使用NuGet安装Microsoft.AspNet.WebApi.Cors，打开vs的NuGet控制台，执行命令Install-Package Microsoft.AspNet.WebApi.Cors
修改WebApiConfig.cs文件的配置：在WebApiConfig类中添加方法EnableCrossSiteRequests，同时不要忘了将System.Web.Http.Cors命名空间引入。

	using System;
	using System.Collections.Generic;
	using System.Linq;
	using System.Web.Http;
	using System.Web.Http.Cors;

	namespace WebAPI_Swagger
	{
		public static class WebApiConfig
		{
			public static void Register(HttpConfiguration config)
			{

				config.Routes.MapHttpRoute(
					name: "DefaultA