.NET 处理WEBAPI跨域问题

最新推荐文章于 2025-02-16 10:07:49 发布

大鱼>

最新推荐文章于 2025-02-16 10:07:49 发布

阅读量1.7k

点赞数

分类专栏： C# 文章标签： c# 跨域访问

本文链接：https://blog.youkuaiyun.com/qq_17486399/article/details/116231758

版权

C# 专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍了JavaScript跨域问题的成因，通过导入microsoft.aspnet.webapi.cors.dll并配置WebApiConfig.cs中的CORS策略，以及在Web.config中设置允许的跨域地址。适合Web开发者解决前后端分离项目中的跨域问题。

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

1.跨域问题导致的原因

出于安全考虑，浏览器会限制脚本中发起的跨站请求，浏览器要求JavaScript或Cookie只能访问同域下的内容。

由于这个原因，我们不同站点之间的数据访问会被拒绝。

2.解决方案

2.1.导入microsoft.aspnet.webapi.cors.dll

点击项目下面的引入，选择“管理NuGet程序包”

搜索microsoft.aspnet.webapi.cors

点击“安装”即可。

2.2.代码实现

在App_Start文件夹下面的WebApiConfig.cs类里面的Register方法下面增加允许跨域的实现。

代码如下：

//获取配置文件中的跨域配置
var allowedOrigin = ConfigurationManager.AppSettings["allowedOrigin"];  
//跨域配置
EnableCorsAttribute coreAttr = new EnableCorsAttribute(allowedOrigin, "*", "*")
{
     SupportsCredentials = true
};
config.EnableCors(coreAttr);

2.3.在Web.config增加配置项

在<appSettings></appSettings>添加允许跨域的地址，*标识允许所有地址跨域访问

则如下：

  <appSettings>
    <add key="allowedOrigin" value="*"/>
  </appSettings>

如果只允许某个地址跨域访问，则配置如下：

  <appSettings>
    <add key="allowedOrigin" value="http://xxx.xxx.xxx.xx:xxxx"/>
  </appSettings>