怎么在ASP。网络核心中利用歌珥实现跨域

　　介绍

今天就跟大家聊聊有关怎么在ASP。网络核心中利用歌珥实现跨域,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

歌珥(跨源资源共享)是一个W3C标准,翻译过来就是“跨域资源共享“,它主要是解决Ajax跨域限制的问题。

歌珥需要浏览器和服务器支持,现在所有现代浏览器都支持这一特性。注:IE10及以上

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

在本例中,将演示如何再ASP。净核心中实现歌珥跨域。

<强>前期准备

你需要windows系统。

你需要安装IIS。

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

需要安装。NET核心的开发环境,这里提供VS版:https://www.jb51.net/softs/472362.html

<强>创建项目

在大战中新建项目,项目类型选择ASP.NET Web应用程序(核心。净的核心),输入项目名称为:CSASPNETCoreCORS、模板选择空的。

怎么在ASP。网络核心中利用歌珥实现跨域

怎么在ASP。网络核心中利用歌珥实现跨域

<强>配置服务端

注:添加下面的代码时IDE会提示代码错误,这是因为还没有引用对应的包,进入报错的这一行,点击灯泡,加载对应的包就可以了。怎么在ASP。网络核心中利用歌珥实现跨域

(图文无关)

打开启动。cs

在ConfigureServices中添加如下代码:

services.AddCors ();

在配置方法中添加如下代码:

app.UseCors (builder =祝辞,builder.WithOrigins (http://localhost));

完整的代码应该是这样:

public  void  ConfigureServices (IServiceCollection 服务) 　　{ 　　services.AddCors才能(); 　　} 　　 　　public  void 配置(IApplicationBuilder 应用,IHostingEnvironment  env,, ILoggerFactory  loggerFactory) 　　{ 　　app.UseCors才能(builder =祝辞,builder.WithOrigins (“http://localhost")); 　　app.Run才能(async (上下文),=比; 　　{才能 　　,,,await  context.Response.WriteAsync (“Hello 世界!“); 　　,,}); 　　}

来让我们运行一下:

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

<强>浏览器端

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

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

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

首先我们新建一个文件夹,并将IIS默认的本地主机网站的根目录指向该文件夹。

在该文件夹中添加一个文件索引。html。

内容应该是这个样子:

& lt; html  xmlns=癶ttp://www.w3.org/1999/xhtml"比; 　　& lt; head> 　　& lt;才能title> & lt;/title> 　　& lt;才能https://www.yisu.com/zixun/script  src=" https://code.jquery.com/jquery-3.1.1.min.js "> 　　头 　　身体<> 　　<>脚本 　　美元。get (" http://localhost: 1661/",{},功能(数据){ 　　警报(数据); 　　},“文本”);> 　　

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

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

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

<>强分组策略以及MVC

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

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"); 　　,,}); 　　});

怎么在ASP。网络核心中利用歌珥实现跨域