无为清净楼资源网

谈谈如何在ASP.NET Core中实现CORS跨域
网络编程 2024/11/16 佚名
3 2
无为清净楼资源网 Design By www.qnjia.com

CORS(Cross-origin resource sharing)是一个W3C标准，翻译过来就是 "跨域资源共享"，它主要是解决Ajax跨域限制的问题。

CORS需要浏览器和服务器支持，现在所有现代浏览器都支持这一特性。注：IE10及以上

只要浏览器支持，其实CORS所有的配置都是在服务端进行的，而前端的操作浏览器会自动完成。

在本例中，将演示如何再ASP.NET Core中实现CORS跨域。

前期准备

你需要windows系统。

你需要安装IIS。

推荐使用VS2015 Update3或更新的版本来完成本例，下载地址：https://www.jb51.net/softjc/446184.html

需要安装.NET Core的开发环境，这里提供VS版：https://www.jb51.net/softs/472362.html

创建项目

在VS中新建项目，项目类型选择ASP.NET Core Web Application(.NET Core),输入项目名称为：CSASPNETCoreCORS，Template选择Empty.

谈谈如何在ASP.NET Core中实现CORS跨域

谈谈如何在ASP.NET Core中实现CORS跨域

配置服务端

注：添加下面的代码时IDE会提示代码错误，这是因为还没有引用对应的包，进入报错的这一行，点击灯泡，加载对应的包就可以了。谈谈如何在ASP.NET Core中实现CORS跨域

(图文无关)

打开Startup.cs

在ConfigureServices中添加如下代码：

services.AddCors();

在Configure方法中添加如下代码：

app.UseCors(builder => builder.WithOrigins(http://localhost));

完整的代码应该是这样：

public void ConfigureServices(IServiceCollection services)
{
  services.AddCors();
}

public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
  app.UseCors(builder => builder.WithOrigins("http://localhost"));
  app.Run(async (context) =>
  {
    await context.Response.WriteAsync("Hello World!");
  });
}

来让我们运行一下：

输出结果很简单，你会在浏览器上看到一个Hello World!

浏览器端

既然是跨域，那我们就需要用两个域名，上面我们已经有了一个，类似于这样的：http://localhost:1661/

接下来我们来用过IIS来搭建另外一个。

为了文章的简洁，这里假设你已知道如何在IIS上搭建一个网站，如有疑问，网上一堆答案。

首先我们新建一个文件夹，并将IIS默认的localhost网站的根目录指向该文件夹。

在该文件夹中添加一个文件index.html。

内容应该是这个样子：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <script src="/UploadFiles/2021-04-02/jquery-3.1.1.min.js">


注：请求的地址应为你上个项目的调试地址，撰写此文时我项目的调试地址为http://localhost:1661/，具体以自己的情况为准。


浏览localhost这个网站，js会跨域请求另外一个域名的地址，并弹出返回值。


在发起ajax请求时，浏览器一旦发现Ajax请求跨域，会自动添加一些附加的头信息并请求到目标服务器（会带有本域的域名），目标服务器则检测该域名是否在允许跨域的域名之列，如果有则返回请求结果，否则失败。




分组策略以及MVC


上例仅仅是一个基本的配置方法，接下来将演示更高级一点的方式，下面将演示在分组策略以及与MVC的整合。

Startup.cs "htmlcode">



services.AddCors(options =>
{
  options.AddPolicy("AllowSpecificOrigin", builder =>
  {
    builder.WithOrigins("http://localhost", "https://www.microsoft.com");
  });
  options.AddPolicy("AllowSpecificOrigin1", builder =>
  {
    builder.WithOrigins("http://localhost:8080", "https://www.stackoverflow.com");
  });
});





services.AddMvc();




Configure中







app.UseMvc();





完整的代码应该是这样：







public void ConfigureServices(IServiceCollection services)
{
  services.AddCors(options =>
  {
    options.AddPolicy("AllowSpecificOrigin", builder =>
    {
      builder.WithOrigins("http://localhost", "https://www.microsoft.com");
    });
  });

  services.AddMvc();
}

public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
  app.UseMvc();
}







接下来我们来添加Controller


在项目中添加一个目录Controllers,并在其中添加一个APIController,命名为HomeAPIController.cs




其中的内容应该是这样：







//[EnableCors("AllowSpecificOrigin")]
[Route("api/[controller]")]

public class HomeAPIController : Controller
{
  [EnableCors("AllowSpecificOrigin")]
  [HttpGet]
  public string Get()
  {
    return "this message is from another origin";
  }

  [DisableCors]
  [HttpPost]
  public string Post()
  {
    return "this method can't cross origin";
  }
}







[EnableCors("AllowSpecificOrigin")] 既为在本 controller 或 action 中应用哪个分组策略。




[DisableCors] 则为本controller或action不允许跨域资源请求


改造浏览器端html




修改localhost网站的index.html,内容应为：







<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="/UploadFiles/2021-04-02/jquery-3.1.1.min.js">


调试




F5调试服务端项目，你会看到一个404页面，因为默认路径上没有页面，不用管它，浏览http://localhost, js会Get请求http://localhost:1661/API/HomeAPI，并弹出返回值，而如果你去Post请求http://localhost:1661/API/HomeAPI, 则请求会被拦截。


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
标签：
asp.net,core,跨域,asp.net,core,cors
无为清净楼资源网 Design By www.qnjia.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
www.qnjia.com 无为清净楼资源网
139,976互联网资源
144,792高清电影
21,817无损音乐
631,128技术资源
一句话新闻
苹果官宣WWDC 2024！预计会有大批AI功能 - 2024/11/16

3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。

苹果官方表示：

在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。

探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。

Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接