.net core实现跨域

一、为什么会出现跨域问题

        出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）

二、什么是跨域

        当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。

三、非同源限制

【1】无法读取非同源网页的 Cookie、LocalStorage 和 IndexedDB

【2】无法接触非同源网页的 DOM

【3】无法向非同源地址发送 AJAX 请求

四、跨域解决方法

1、设置允许所有来源跨域

1.1、在StartUp类的ConfigureServices方法中添加如下代码：

// 配置跨域处理，允许所有来源
services.AddCors(options =>options.AddPolicy("cors",
                p => p.AllowAnyOrigin().AllowAnyHeader().AllowAnyMethod().AllowCredentials()));

 1.2、修改Configure方法

// 允许所有跨域，cors是在ConfigureServices方法中配置的跨域策略名称
app.UseCors("cors");

2、设置特定来源可以跨域

2.1、修改ConfigureServices方法代码如下：

//允许一个或多个来源可以跨域
services.AddCors(options =>{
      options.AddPolicy("CustomCorsPolicy", policy =>
      {             
             // 设定允许跨域的来源，有多个可以用','隔开
             policy.WithOrigins("http://localhost:21632","http://localhost:21632")
             .AllowAnyHeader()
             .AllowAnyMethod()
             .AllowCredentials();
      });
});

2.2、修改Configure代码如下：

// 设定特定ip允许跨域 CustomCorsPolicy是在ConfigureServices方法中配置的跨域策略名称
app.UseCors("CustomCorsPolicy");