概述

跨域资源共享（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. 【转载】MFC 程序入口和执行流程

    原文链接: http://www.cnblogs.com/liuweilinlin/archive/2012/08/16/2643272.html 一 MFC程序执行过程剖析 1)我们知道在WIN32 ...

  2. underscore源码解析

    (function() { // 创建一个全局对象, 在浏览器中表示为window对象, 在Node.js中表示global对象 var root = this; // 保存"_" ...

  3. thttpd增加gzip压缩响应报文体功能，以减少传输数据量

    thttpd thttpd是一个非常小巧的轻量级web server,它非常非常简单,仅仅提供了HTTP/1.1和简单的CGI支持,在其官方网站上有一个与其他web server(如Apache, Z ...

  4. MVC 自定义过滤器/特性来实现登录授权及验证

    最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来. 十年河东十年河西,莫欺少年穷 学无止境,精益求精    最近在做自学MVC,遇到的问题很多,索性一点点总结 ...

  5. Linux启动时卡住

    该系统本是oracle rac的测试环境,在删除oracle软件后重启时系统卡住(没有按照oracle官方要求删除oracle软件).如下图: 处理过程: 1.使用单用户模式登陆 先在GRUB启动菜单 ...

  6. 并发调用get请求

    http://zeusami.iteye.com/blog/1172864 package com.alibaba.xteam.web.travel.module.rpc; import java.i ...

  7. 解决多线程调用sql存储过程问题

    场景: 我们程序现在改成多线程了,我现在需要把临时表中的数据给插入到TABLE_M中,但这时候可能其他的线程也在插入,我就不能用之前我们的方案了(select max(oid) from Tuning ...

  8. p++ ++p

    1.P++是先使用这个变量,使用完了再加1,你的例子就是,先输出,再加一++P是先加一,在使用变量 eg: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 1 ...

  9. fzu 2111 Min Number

      http://acm.fzu.edu.cn/problem.php?pid=2111  Problem 2111 Min Number Accept: 572    Submit: 1106Tim ...

  10. 查看真机的系统版本sdk

    1.adb devices 确保连接上了真机 2.adb shell 进入android系统 3.进入system目录下 4.查看build.prop文件 cat build.prop