概述

跨域资源共享（CORS ）是一种网络浏览器的技术规范，它为Web服务器定义了一种方式，允许网页从不同的域访问其资源。而这种访问是被同源策略所禁止的。CORS系统定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。 它是一个妥协，有更大的灵活性，但比起简单地允许所有这些的要求来说更加安全。 本文已经同步到《Asp.net Vnext 系列教程 》中]

CORS通过设置HTTP Header（标头）设置网站跨域存取。

Access-Control-Allow-Origin 允许跨域访问的域，可以是一个域的列表，也可以是通配符"*"。
Access-Control-Allow-Credentials 默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true，可以指定某个请求应该发送凭据。如果服务器接收带凭据的请求，会用下面的HTTP头部来响应
Access-Control-Expose-Headers 需要向客户端公开的标头。
Access-Control-Allow-Methods 允许使用的请求方法，以逗号隔开
Access-Control-Allow-Headers  允许自定义的头部，以逗号隔开，大小写不敏感

实例代码

启动类

     public void ConfigureServices(IServiceCollection services)

            {

            services.AddMvc();

            services.ConfigureCors(options =>

            {

                options.AddPolicy(

                    "AllowAnySimpleRequest",

                    builder =>

                    {

                        //允许全部访问域

                        builder.AllowAnyOrigin()

                            //允许全部请求方法  //允许全部标头  //允许全部凭据

                            .AllowAnyMethod().AllowAnyHeader().AllowCredentials();

                    });

                options.AddPolicy(

                    "AllowSpecificOrigin",

                    builder =>

                    {

                        builder.AllowCredentials().WithOrigins("http://localhost:57096/")

                        //只允许 post

                        .WithMethods("POST")

                          .AllowAnyHeader()

                          //公开的标头

                      . WithExposedHeaders("exposed11", "exposed22");

                    });

            });

            }

控制器

  [Route("Cors/[action]")]

    [EnableCors("AllowAnySimpleRequest")]

    public class BlogController : Controller

    {

        [EnableCors("AllowSpecificOrigin")]

        public IEnumerable<string> GetBlogComments(int id)

        {

            return new[] { "comment1", "comment2", "comment3" };

        }

1.新建一个Mvc程序

2.控制器

 public class HomeController : Controller

    {

        // GET: Home

        public ActionResult Index()

        {

            //加入Cookie

            Response.Cookies.Add(new HttpCookie("") { Value = "", Expires = DateTime.Now.AddDays() });

            return View();

        }

    }

视图

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <script src="~/Scripts/jquery-1.10.2.js"></script>

   <script type="text/javascript"></script>

</head>

<body>

    <div>

        <input type="button" id="cros" value="获取跨域" />

        <div id="msg"></div>

    </div>

    <script type="text/javascript">

        $(function () {

            $("#cros").click(function () {

                $.ajax({

                    url: "http://localhost:49271/Cors/GetBlogComments",

                    type: "POST",

                    success: function (d) {

                        $("#msg").html(d)

                    }

                })

            });

        });

    </script>

</body>

</html>

已经加入要公开的标头了。

修改一视图,支持跨域Cookie

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <script src="~/Scripts/jquery-1.10.2.js"></script>

   <script type="text/javascript">

       window.onload = function ()

       {

           alert("");

           var xhr = new XMLHttpRequest();

           xhr.open("get", "http://localhost:49271/Cors/GetBlogComments", true);

            xhr.withCredentials = true; //支持跨域发送cookies

           xhr.send();

       }

   </script>

</head>

<body>

    <div>

        <input type="button" id="cros" value="获取跨域" />

        <div id="msg"></div>

    </div>

    <script type="text/javascript">

        $(function () {

            $("#cros").click(function () {

                $.ajax({

                    url: "http://localhost:49271/Cors/GetBlogComments",

                    type: "POST",

                    success: function (d) {

                        $("#msg").html(d)

                    }

                })

            });

        });

    </script>

</body>

</html>

已经获得Cookie。

得到你的肯定是我最大的动力。

Asp.net Vnext api CORS( 跨域)的更多相关文章

  1. Asp.Net WebApi 启用CORS跨域访问指定多个域名

    1.后台action指定 EnableCors指定可访问的域名多个,使用逗号隔开 //支持客户端凭据提交,指定多个域名,使用逗号隔开 [EnableCors("http://localhos ...

  2. ASP.NET Web API决跨域问题

    记录最近一次的项目开发中遇到的问题和解决方式.在给移动端开放数据接口的时候,移动端开放人员反映部署到测试环境的接口调用访问出现了问题,但是在单独进行访问是可以正常的.那么,问题就来了. 根据查询园子里 ...

  3. ASP.NET Core SignalR CORS 跨域问题

    将 SignalR 集成到 ASP.NET Core api 程序的时候,按照官方 DEMO 配置完成,本地访问没有问题,但是发布之后一直报跨域问题,本地是这样设置的: 原始代码: services. ...

  4. ASP.net Web API允许跨域访问解决办法

    来源 http://blog.csdn.net/wxg_kingwolfmsncn/article/details/48545099 遇到此跨域访问问题,解决办法如下:   方法一:   1. 在we ...

  5. ASP.NET Web API 启用跨域访问

    自定义特性 要在WebApi中实现JSONP,一种方式是实现自定义特性  http://stackoverflow.com/questions/9421312/jsonp-with-asp-net-w ...

  6. AngulaJs+Web Api Cors 跨域访问失败的解决办法

    //在服务的WebConfig文件中添加以下代码即可 //如节点已存在请去掉 <system.webServer> <httpProtocol> <customHeade ...

  7. 基于.Net Framework 4.0 Web API开发（5）：ASP.NET Web APIs AJAX 跨域请求解决办法（CORS实现）

    概述:  ASP.NET Web API 的好用使用过的都知道,没有复杂的配置文件,一个简单的ApiController加上需要的Action就能工作.但是在使用API的时候总会遇到跨域请求的问题,特 ...

  8. Asp.Net WebApi+Microsoft.AspNet.WebApi.Core 启用CORS跨域访问

    WebApi中启用CORS跨域访问 1.安装 Nugget包Microsoft.AspNet.WebApi.Cors This package contains the components to e ...

  9. Asp.net Core CORS 跨域

    本文主要介绍在Asp.net Core采用CORS方式解决跨域 关于跨域的原理介绍可参考Asp.net Web API 解决跨域详解 1 在Startup添加允许跨域的策略 services.AddC ...

随机推荐

  1. [PCL]2 点云法向量计算NormalEstimation

    从GitHub的代码版本库下载源代码https://github.com/PointCloudLibrary/pcl,用CMake生成VS项目,查看PCL的源码位于pcl_features项目下 1. ...

  2. windows 64位 dll文件 位置及python包rtree shapely安装

    位置 \Windows\System32 python包依赖包安装 rtree 依赖 spatialindex(spatialindex.dll   spatialindex_c.dll) shape ...

  3. Effective C++ 5.实现

    //条款26:尽量延后变量的定义式出现的时间 // 1.不仅应该延后变量的定义,更应该直到使用该变量的前一刻为止,甚至应该尝试延后这份定义直到能够给它初始值为止.如果这样,不仅能够避免构造和析构的非必 ...

  4. Python高频技巧总结[基础篇]

    0. 概要说明 python应用最多的场景还是web快速开发.爬虫.自动化运维:简单网站.自动Fuzz脚本.收发邮件脚本.简单验证码识别脚本. 爬虫在开发过程中也有很多复用的过程,这里总结一下,以后也 ...

  5. Java基础(38):Calendar类的应用（优于Date类）

    Calendar 类的应用 Date 类最主要的作用就是获得当前时间,同时这个类里面也具有设置时间以及一些其他的功能,但是由于本身设计的问题,这些方法却遭到众多批评,不建议使用,更推荐使用 Calen ...

  6. php4.3.4.4、apache2.0.4.8、mysql 4.0.26、window7 配置过程

    apache的安装不需要过程,直接默认安装,下一步 下一步就Ok了. php4的安装: 1 将php-4.0.4-Win32.zip(最新版本4.0.4)解压缩到硬盘的一个目录中,例如解压到E:php ...

  7. bean中集合属性的配置

    在实际的开发中,有的bean中会有集合属性,如下: package com.sevenhu.domain; import java.util.List; /** * Created by hu on ...

  8. 深度解析 Java 内存原型

    一.Java 虚拟机内存原型 寄存器:我们在程序中无法控制. 栈:存放基本类型的数据和对象的引用,但对象本身不存放在栈中,而是存放在 堆中. 堆:存放用 new 产生的数据. 静态域:存放在对象中用  ...

  9. 关于内存 GetMemory( ) 笔试分析

    1. #include<stdio.h>#include<string.h>void GetMemory(char *p){ p=(char *)malloc(100); }i ...

  10. 转：V$SQL,V$SQLAREA,V$SQLTEXT

    V$SQL*表用于查看Shared SQL Area中SQL情况 V$SQLTEXT V$SQLTEXT用途很简单,就是用来查看完整的SQL语句,V$SQL和V$SQLAREA只能显示1000 byt ...