Asp.net Vnext api CORS( 跨域)

最後更新：2015-07-11 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：

概述

跨域資源共用（CORS ）是一種網路瀏覽器的技術規範，它為Web伺服器定義了一種方式，允許網頁從不同的域訪問其資源。而這種訪問是被同源策略所禁止的。CORS系統定義了一種瀏覽器和伺服器互動的方式來確定是否允許跨域請求。它是一個妥協，有更大的靈活性，但比起簡單地允許所有這些的要求來說更加安全。

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("111") { Value = "2222", Expires = DateTime.Now.AddDays(2) });            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("11");           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 & MVC6 系列教程得到你的肯定是我最大的動力。

Asp.net Vnext api CORS( 跨域)

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More