前端跨域

轉(zhuǎn)載自：https://segmentfault.com/a/1190000007326671
bo

前端跨域整理

damonare 2016年10月30日發(fā)布

  • 已贊 | 18 已收藏 | 96
  • 5.8k 次瀏覽

前言

原文地址：前端跨域總結(jié)

博主博客地址：Damonare的個人博客

相信每一個前端er對于跨域這兩個字都不會陌生苞俘，在實際項目中應(yīng)用也是比較多的贮勃。但跨域方法的多種多樣實在讓人目不暇接括享。老規(guī)矩孽水，碰到這種情況，就只能自己總結(jié)一篇博客，作為記錄。

正文

1. 什么是跨域波岛？

跨域一詞從字面意思看，就是跨域名嘛音半，但實際上跨域的范圍絕對不止那么狹隘则拷。具體概念如下：只要協(xié)議、域名祟剔、端口有任何一個不同隔躲，都被當(dāng)作是不同的域。之所以會產(chǎn)生跨域這個問題呢物延，其實也很容易想明白宣旱，要是隨便引用外部文件，不同標(biāo)簽下的頁面引用類似的彼此的文件叛薯，瀏覽器很容易懵逼的浑吟，安全也得不到保障了就。什么事耗溜，都是安全第一嘛组力。但在安全限制的同時也給注入iframe或是ajax應(yīng)用上帶來了不少麻煩。所以我們要通過一些方法使本域的js能夠操作其他域的頁面對象或者使其他域的js能操作本域的頁面對象（iframe之間）抖拴。下面是具體的跨域情況詳解：

URL                      說明       是否允許通信
http://www.a.com/a.js
http://www.a.com/b.js     同一域名下   允許

http://www.a.com/lab/a.js
http://www.a.com/script/b.js 同一域名下不同文件夾 允許

http://www.a.com:8000/a.js
http://www.a.com/b.js     同一域名燎字，不同端口  不允許

http://www.a.com/a.js
https://www.a.com/b.js 同一域名，不同協(xié)議 不允許

http://www.a.com/a.js
http://70.32.92.74/b.js 域名和域名對應(yīng)ip 不允許

http://www.a.com/a.js
http://script.a.com/b.js 主域相同阿宅，子域不同 不允許（cookie這種情況下也不允許訪問）

http://www.a.com/a.js
http://a.com/b.js 同一域名候衍，不同二級域名（同上） 不允許（cookie這種情況下也不允許訪問）

http://www.cnblogs.com/a.js
http://www.a.com/b.js 不同域名 不允許

這里我們需要注意兩點:

  1. 如果是協(xié)議和端口造成的跨域問題“前臺”是無能為力的；

  2. 在跨域問題上洒放，域僅僅是通過“URL的首部”來識別而不會去嘗試判斷相同的ip地址對應(yīng)著兩個域或兩個域是否在同一個ip上蛉鹿。
    (“URL的首部”指window.location.protocol +window.location.host，也可以理解為“Domains, protocols and ports must match”往湿。)

2. 通過document.domain跨域

前面說過了妖异，瀏覽器有一個同源策略惋戏，其限制之一是不能通過ajax的方法去請求不同源中的文檔。 第二個限制是瀏覽器中不同域的框架之間是不能進行js的交互操作的他膳。不同的框架之間是可以獲取window對象的响逢，但卻無法獲取相應(yīng)的屬性和方法。比如矩乐，有一個頁面龄句，它的地址是http://www.damonare.cn/a.html ， 在這個頁面里面有一個iframe散罕，它的src是http://damonare.cn/b.html, 很顯然，這個頁面與它里面的iframe框架是不同域的傀蓉，所以我們是無法通過在頁面中書寫js代碼來獲取iframe中的東西的：

<script type="text/javascript">
    function test(){
        var iframe = document.getElementById('ifame');
        var win = document.contentWindow;//可以獲取到iframe里的window對象欧漱，但該window對象的屬性和方法幾乎是不可用的
        var doc = win.document;//這里獲取不到iframe里的document對象
        var name = win.name;//這里同樣獲取不到window對象的name屬性
    }
</script>
<iframe id = "iframe" src="http://damonare.cn/b.html" onload = "test()"></iframe>

這個時候，document.domain就可以派上用場了葬燎，我們只要把http://www.damonare.cn/a.html和http://damonare.cn/b.html這兩個頁面的document.domain都設(shè)成相同的域名就可以了误甚。但要注意的是，document.domain的設(shè)置是有限制的谱净，我們只能把document.domain設(shè)置成自身或更高一級的父域窑邦，且主域必須相同。

<iframe id = "iframe" src="http://damonare.cn/b.html" onload = "test()"></iframe>
<script type="text/javascript">
    document.domain = 'damonare.cn';//設(shè)置成主域
    function test(){
        alert(document.getElementById('iframe').contentWindow);//contentWindow 可取得子窗口的 window 對象
    }
</script>

<script type="text/javascript">
    document.domain = 'damonare.cn';//在iframe載入這個頁面也設(shè)置document.domain壕探，使之與主頁面的document.domain相同
</script>

修改document.domain的方法只適用于不同子域的框架間的交互冈钦。

3. 通過location.hash跨域

因為父窗口可以對iframe進行URL讀寫，iframe也可以讀寫父窗口的URL李请，URL有一部分被稱為hash瞧筛，就是#號及其后面的字符，它一般用于瀏覽器錨點定位导盅，Server端并不關(guān)心這部分较幌，應(yīng)該說HTTP請求過程中不會攜帶hash，所以這部分的修改不會產(chǎn)生HTTP請求白翻，但是會產(chǎn)生瀏覽器歷史記錄乍炉。此方法的原理就是改變URL的hash部分來進行雙向通信。每個window通過改變其他 window的location來發(fā)送消息（由于兩個頁面不在同一個域下IE滤馍、Chrome不允許修改parent.location.hash的值岛琼，所以要借助于父窗口域名下的一個代理iframe），并通過監(jiān)聽自己的URL的變化來接收消息纪蜒。這個方式的通信會造成一些不必要的瀏覽器歷史記錄衷恭，而且有些瀏覽器不支持onhashchange事件，需要輪詢來獲知URL的改變纯续，最后随珠，這樣做也存在缺點灭袁，諸如數(shù)據(jù)直接暴露在了url中，數(shù)據(jù)容量和類型都有限等窗看。下面舉例說明：

假如父頁面是baidu.com/a.html,iframe嵌入的頁面為google.com/b.html（此處省略了域名等url屬性）茸歧，要實現(xiàn)此兩個頁面間的通信可以通過以下方法。

  • a.html傳送數(shù)據(jù)到b.html

    • a.html下修改iframe的src為google.com/b.html#paco

    • b.html監(jiān)聽到url發(fā)生變化显沈，觸發(fā)相應(yīng)操作

  • b.html傳送數(shù)據(jù)到a.html软瞎，由于兩個頁面不在同一個域下IE、Chrome不允許修改parent.location.hash的值拉讯，所以要借助于父窗口域名下的一個代理iframe

    • b.html下創(chuàng)建一個隱藏的iframe涤浇，此iframe的src是baidu.com域下的，并掛上要傳送的hash數(shù)據(jù)魔慷，如src="http://www.baidu.com/proxy.html#data"

    • proxy.html監(jiān)聽到url發(fā)生變化只锭，修改a.html的url（因為a.html和proxy.html同域，所以proxy.html可修改a.html的url hash）

    • a.html監(jiān)聽到url發(fā)生變化院尔，觸發(fā)相應(yīng)操作

b.html頁面的關(guān)鍵代碼如下:

try {  
    parent.location.hash = 'data';  
} catch (e) {  
    // ie蜻展、chrome的安全機制無法修改parent.location.hash，  
    var ifrproxy = document.createElement('iframe');  
    ifrproxy.style.display = 'none';  
    ifrproxy.src = "http://www.baidu.com/proxy.html#data";  
    document.body.appendChild(ifrproxy);  
}

proxy.html頁面的關(guān)鍵代碼如下 :

//因為parent.parent（即baidu.com/a.html）和baidu.com/proxy.html屬于同一個域邀摆，所以可以改變其location.hash的值  
parent.parent.location.hash = self.location.hash.substring(1);

4. 通過HTML5的postMessage方法跨域

高級瀏覽器Internet Explorer 8+, chrome纵顾，F(xiàn)irefox , Opera 和 Safari 都將支持這個功能。這個功能主要包括接受信息的"message"事件和發(fā)送消息的"postMessage"方法栋盹。比如damonare.cn域的A頁面通過iframe嵌入了一個google.com域的B頁面施逾，可以通過以下方法實現(xiàn)A和B的通信

A頁面通過postMessage方法發(fā)送消息：

window.onload = function() {  
    var ifr = document.getElementById('ifr');  
    var targetOrigin = "http://www.google.com";  
    ifr.contentWindow.postMessage('hello world!', targetOrigin);  
};

postMessage的使用方法：

  • otherWindow.postMessage(message, targetOrigin);

    • otherWindow:指目標(biāo)窗口，也就是給哪個window發(fā)消息贞盯，是 window.frames 屬性的成員或者由 window.open 方法創(chuàng)建的窗口

    • message: 是要發(fā)送的消息音念，類型為 String、Object (IE8躏敢、9 不支持)

    • targetOrigin: 是限定消息接收范圍闷愤，不限制請使用 '*

B頁面通過message事件監(jiān)聽并接受消息:

var onmessage = function (event) {  
  var data = event.data;//消息  
  var origin = event.origin;//消息來源地址  
  var source = event.source;//源Window對象  
  if(origin=="http://www.baidu.com"){  
console.log(data);//hello world!  
  }  
};  
if (typeof window.addEventListener != 'undefined') {  
  window.addEventListener('message', onmessage, false);  
} else if (typeof window.attachEvent != 'undefined') {  
  //for ie  
  window.attachEvent('onmessage', onmessage);  
}

同理，也可以B頁面發(fā)送消息件余，然后A頁面監(jiān)聽并接受消息讥脐。

5.通過jsonp跨域

剛才說的這幾種都是雙向通信的，即兩個iframe啼器，頁面與iframe或是頁面與頁面之間的旬渠，下面說幾種單項跨域的（一般用來獲取數(shù)據(jù)），因為通過script標(biāo)簽引入的js是不受同源策略的限制的端壳。所以我們可以通過script標(biāo)簽引入一個js或者是一個其他后綴形式（如php告丢，jsp等）的文件，此文件返回一個js函數(shù)的調(diào)用损谦。

比如岖免，有個a.html頁面岳颇，它里面的代碼需要利用ajax獲取一個不同域上的json數(shù)據(jù)，假設(shè)這個json數(shù)據(jù)地址是http://damonare.cn/data.php,那么a.html中的代碼就可以這樣：

<script type="text/javascript">
    function dosomething(jsondata){
        //處理獲得的json數(shù)據(jù)
    }
</script>
<script src="http://example.com/data.php?callback=dosomething"></script>

我們看到獲取數(shù)據(jù)的地址后面還有一個callback參數(shù)颅湘，按慣例是用這個參數(shù)名话侧，但是你用其他的也一樣。當(dāng)然如果獲取數(shù)據(jù)的jsonp地址頁面不是你自己能控制的闯参，就得按照提供數(shù)據(jù)的那一方的規(guī)定格式來操作了瞻鹏。

因為是當(dāng)做一個js文件來引入的，所以http://damonare.cn/data.php返回的必須是一個能執(zhí)行的js文件鹿寨，所以這個頁面的php代碼可能是這樣的(一定要和后端約定好哦):

<?php
$callback = $_GET['callback'];//得到回調(diào)函數(shù)名
$data = array('a','b','c');//要返回的數(shù)據(jù)
echo $callback.'('.json_encode($data).')';//輸出
?>

最終新博，輸出結(jié)果為：dosomething(['a','b','c']);

如果你的頁面使用jquery，那么通過它封裝的方法就能很方便的來進行jsonp操作了释移。

<script type="text/javascript">
    $.getJSON('http://example.com/data.php?callback=?,function(jsondata)'){
        //處理獲得的json數(shù)據(jù)
    });
</script>

jquery會自動生成一個全局函數(shù)來替換callback=?中的問號叭披，之后獲取到數(shù)據(jù)后又會自動銷毀，實際上就是起一個臨時代理函數(shù)的作用玩讳。$.getJSON方法會自動判斷是否跨域，不跨域的話嚼贡，就調(diào)用普通的ajax方法熏纯；跨域的話，則會以異步加載js文件的形式來調(diào)用jsonp的回調(diào)函數(shù)粤策。

  • JSONP的優(yōu)缺點

    • JSONP的優(yōu)點是：它不像XMLHttpRequest對象實現(xiàn)的Ajax請求那樣受到同源策略的限制樟澜；它的兼容性更好，在更加古老的瀏覽器中都可以運行叮盘，不需要XMLHttpRequest或ActiveX的支持秩贰；并且在請求完畢后可以通過調(diào)用callback的方式回傳結(jié)果。

    • JSONP的缺點則是：它只支持GET請求而不支持POST等其它類型的HTTP請求柔吼；它只支持跨域HTTP請求這種情況毒费，不能解決不同域的兩個頁面之間如何進行JavaScript調(diào)用的問題。

6. 通過CORS跨域

CORS（Cross-Origin Resource Sharing）跨域資源共享愈魏，定義了必須在訪問跨域資源時觅玻，瀏覽器與服務(wù)器應(yīng)該如何溝通。CORS背后的基本思想就是使用自定義的HTTP頭部讓瀏覽器與服務(wù)器進行溝通培漏，從而決定請求或響應(yīng)是應(yīng)該成功還是失敗溪厘。目前，所有瀏覽器都支持該功能牌柄，IE瀏覽器不能低于IE10畸悬。整個CORS通信過程，都是瀏覽器自動完成珊佣，不需要用戶參與蹋宦。對于開發(fā)者來說披粟，CORS通信與同源的AJAX通信沒有差別，代碼完全一樣妆档。瀏覽器一旦發(fā)現(xiàn)AJAX請求跨源僻爽，就會自動添加一些附加的頭信息，有時還會多出一次附加的請求贾惦，但用戶不會有感覺胸梆。

因此，實現(xiàn)CORS通信的關(guān)鍵是服務(wù)器须板。只要服務(wù)器實現(xiàn)了CORS接口碰镜，就可以跨源通信。

平時的ajax請求可能是這樣的:

<script type="text/javascript">
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "/damonare",true);
    xhr.send();
</script>

以上damonare部分是相對路徑习瑰，如果我們要使用CORS绪颖，相關(guān)Ajax代碼可能如下所示：

<script type="text/javascript">
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "http://segmentfault.com/u/trigkit4/",true);
    xhr.send();
</script>

代碼與之前的區(qū)別就在于相對路徑換成了其他域的絕對路徑，也就是你要跨域訪問的接口地址甜奄。

服務(wù)器端對于CORS的支持柠横，主要就是通過設(shè)置Access-Control-Allow-Origin來進行的。如果瀏覽器檢測到相應(yīng)的設(shè)置课兄，就可以允許Ajax進行跨域的訪問牍氛。關(guān)于CORS更多了解可以看下阮一峰老師的這一篇文章：跨域資源共享 CORS 詳解

  • CORS和JSONP對比

    • JSONP只能實現(xiàn)GET請求，而CORS支持所有類型的HTTP請求烟阐。

    • 使用CORS搬俊，開發(fā)者可以使用普通的XMLHttpRequest發(fā)起請求和獲得數(shù)據(jù)，比起JSONP有更好的錯誤處理蜒茄。

    • JSONP主要被老的瀏覽器支持唉擂，它們往往不支持CORS，而絕大多數(shù)現(xiàn)代瀏覽器都已經(jīng)支持了CORS）檀葛。

CORS與JSONP相比玩祟，無疑更為先進、方便和可靠驻谆。

7. 通過window.name跨域

window對象有個name屬性卵凑，該屬性有個特征：即在一個窗口(window)的生命周期內(nèi),窗口載入的所有的頁面都是共享一個window.name的，每個頁面對window.name都有讀寫的權(quán)限胜臊，window.name是持久存在一個窗口載入過的所有頁面中的勺卢，并不會因新頁面的載入而進行重置。

比如：我們在任意一個頁面輸入

window.name = "My window's name";
setTimeout(function(){
    window.location.;
},1000)

進入damonare.cn頁面后我們再檢測再檢測 window.name :

window.name; // My window's name

可以看到象对，如果在一個標(biāo)簽里面跳轉(zhuǎn)網(wǎng)頁的話黑忱，我們的 window.name 是不會改變的。
基于這個思想，我們可以在某個頁面設(shè)置好 window.name 的值甫煞，然后跳轉(zhuǎn)到另外一個頁面菇曲。在這個頁面中就可以獲取到我們剛剛設(shè)置的 window.name 了。

由于安全原因抚吠，瀏覽器始終會保持 window.name 是string 類型常潮。

同樣這個方法也可以應(yīng)用到和iframe的交互來：
比如：我的頁面(http://damonare.cn/index.html))中內(nèi)嵌了一個iframe：

<iframe id="iframe" src="http://www.google.com/iframe.html"></iframe>

在 iframe.html 中設(shè)置好了 window.name 為我們要傳遞的字符串。
我們在 index.html 中寫了下面的代碼：

var iframe = document.getElementById('iframe');
var data = '';

iframe.onload = function() {
    data = iframe.contentWindow.name;
};

Boom!報錯楷力！肯定的喊式，因為兩個頁面不同源嘛，想要解決這個問題可以這樣干：

var iframe = document.getElementById('iframe');
var data = '';

iframe.onload = function() {
    iframe.onload = function(){
        data = iframe.contentWindow.name;
    }
    iframe.src = 'about:blank';
};

或者將里面的 about:blank 替換成某個同源頁面（about:blank萧朝，javascript: 和 data: 中的內(nèi)容岔留，繼承了載入他們的頁面的源。）

這種方法與 document.domain 方法相比检柬，放寬了域名后綴要相同的限制献联，可以從任意頁面獲取 string 類型的數(shù)據(jù)。

后記

其它諸如中間件跨域何址，服務(wù)器代理跨域里逆，F(xiàn)lash URLLoader跨域，動態(tài)創(chuàng)建script標(biāo)簽（簡化版本的jsonp）不作討論用爪。

參考文章：

跨域自己總結(jié)：通過超鏈接href ,表單默認(rèn)提交來訪問域外的資源 因為在點擊按鈕/超鏈接時运悲，瀏覽器地址已經(jīng)變了，這就是一個普通的請求项钮，不屬于跨域；這里我把跨域資源共享分成兩種希停，一種是單向的數(shù)據(jù)請求（單項跨域）烁巫，還有一種是雙向的消息通信（雙向跨域）。單項跨域：jsonp,window.name;雙向跨域：document.domain宠能、window.postMessage
轉(zhuǎn)載自：http://www.cnblogs.com/2050/p/3191744.html

方法一：

動態(tài)創(chuàng)建script標(biāo)簽來實現(xiàn)
<script>
 7         //回調(diào)函數(shù)
 8         function showData (result) {
 9             var data = JSON.stringify(result); //json對象轉(zhuǎn)成字符串
10             $("#text").val(data);
11         }
12 
13         $(document).ready(function () {
14 
15             $("#btn").click(function () {
16                 //向頭部輸入一個腳本亚隙，該腳本發(fā)起一個跨域請求
17                 $("head").append("<script src='http://localhost:9090/student?callback=showData'><\/script>");
18             });
19 
20         });
21     </script>
22      showData是傳給后臺的函數(shù)名稱，用于包裹數(shù)據(jù)违崇，然后后臺把數(shù)據(jù)傳給前端阿弃，以showData(result)形式。因為是script腳本羞延，所以自動調(diào)用showData()函數(shù)

方法二：

jquery的jsonp方式
<script>
 7 
 8         $(document).ready(function () {
 9 
10             $("#btn").click(function () {
11 
12                 $.ajax({
13                     url: "http://localhost:9090/student",
14                     type: "POST",   //post請求方式
15                     dataType: "jsonp",  //指定服務(wù)器返回的數(shù)據(jù)類型
16                     jsonp: "callback",
17                     success: function (data) {
18                         var result = JSON.stringify(data);
19                         $("#text").val(result);
20                     }
21                 });
22             });
23 
24         });
25     </script>
          
26      jQuery ajax方式以jsonp類型發(fā)起跨域請求渣淳，其原理跟<script>腳本請求一樣，因此使用jsonp時也只能使用GET方式發(fā)起跨域請求伴箩∪肜ⅲ跨域請求需要服務(wù)端配合，設(shè)置callback，才能完成跨域請求棺蛛。 
更詳細(xì)的講解轉(zhuǎn)載自：https://www.cnblogs.com/chiangchou/p/jsonp.html#a-1020000000119419

方法三：

服務(wù)器端設(shè)置請求頭Access-Control-Allow-Origin實現(xiàn)跨域 
方法五：
document.domain
方法四：
window.name   
a.html頁面
<script>
          window.name = "葛巾";
          setTimeout(function(){
                    window.location = "http://192.168.10.57:9090/b.html";
                },2000)
</script>
b.html頁面
<script>
         alert(window.name)   //葛巾
</script>

方法六：

a.html頁面
<iframe style="display: none;" id="iframe" src="http://192.168.10.57:9090/vueShopItem/myVue.html"></iframe>
js:
<script>
         var iframe = document.getElementById("iframe");
     var win = iframe.contentWindow;
     win.postMessage("葛巾女神最漂亮","*");
</script>
b.html頁面
<script>
         window.onmessage = function(e){
            e = e || event;
            alert(e.data);   //葛巾女神最漂亮
        }
</script>

方法七：
3.1怔蚌、通過location.hash跨域
假設(shè)域名a.com下的文件cs1.html要和jianshu.com域名下的cs2.html傳遞信息。
1旁赊、cs1.html首先創(chuàng)建自動創(chuàng)建一個隱藏的iframe桦踊，iframe的src指向jianshu.com域名下的cs2.html頁面。
2终畅、cs2.html響應(yīng)請求后再將通過修改cs1.html的hash值來傳遞數(shù)據(jù)籍胯。
3、同時在cs1.html上加一個定時器声离，隔一段時間來判斷l(xiāng)ocation.hash的值有沒有變化芒炼，一旦有變化則獲取獲取hash值。
方法八

websocket
前端代碼：
var ws = new WebSocket('ws://localhost:8080');
執(zhí)行上面語句之后术徊，客戶端就會與服務(wù)器進行連接本刽。

注：由于兩個頁面不在同一個域下IE、Chrome不允許修改parent.location.hash的值赠涮，所以要借助于a.com域名下的一個代理iframe子寓。

優(yōu)點：1.可以解決域名完全不同的跨域。2.可以實現(xiàn)雙向通訊笋除。
缺點：location.hash會直接暴露在URL里斜友，并且在一些瀏覽器里會產(chǎn)生歷史記錄，數(shù)據(jù)安全性不高也影響用戶體驗垃它。另外由于URL大小的限制鲜屏，支持傳遞的數(shù)據(jù)量也不大。有些瀏覽器不支持onhashchange事件国拇，需要輪詢來獲知URL的變化洛史。

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個濱河市酱吝，隨后出現(xiàn)的幾起案子也殖，更是在濱河造成了極大的恐慌，老刑警劉巖务热，帶你破解...
    沈念sama閱讀 221,820評論 6贊 515
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件忆嗜，死亡現(xiàn)場離奇詭異，居然都是意外死亡崎岂，警方通過查閱死者的電腦和手機捆毫，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評論 3贊 399
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來该镣，“玉大人冻璃，你說我怎么就攤上這事响谓。” “怎么了省艳？”我有些...
    開封第一講書人閱讀 168,324評論 0贊 360
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵娘纷，是天一觀的道長。 經(jīng)常有香客問我跋炕，道長赖晶，這世上最難降的妖魔是什么？ 我笑而不...
    開封第一講書人閱讀 59,714評論 1贊 297
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任辐烂，我火速辦了婚禮遏插，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘纠修。我一直安慰自己胳嘲，他們只是感情好，可當(dāng)我...
    茶點故事閱讀 68,724評論 6贊 397
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布扣草。 她就那樣靜靜地躺著了牛，像睡著了一般。 火紅的嫁衣襯著肌膚如雪辰妙。 梳的紋絲不亂的頭發(fā)上鹰祸，一...
    開封第一講書人閱讀 52,328評論 1贊 310
  • 城市分裂傳說
    那天，我揣著相機與錄音密浑，去河邊找鬼蛙婴。 笑死，一個胖子當(dāng)著我的面吹牛尔破，可吹牛的內(nèi)容都是我干的街图。 我是一名探鬼主播，決...
    沈念sama閱讀 40,897評論 3贊 421
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼懒构，長吁一口氣：“原來是場噩夢啊……” “哼台夺！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起痴脾，我...
    開封第一講書人閱讀 39,804評論 0贊 276
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎梳星，沒想到半個月后赞赖，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 46,345評論 1贊 318
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡冤灾，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,431評論 3贊 340
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年前域，在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片韵吨。...
    茶點故事閱讀 40,561評論 1贊 352
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡匿垄，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情椿疗，我是刑警寧澤漏峰，帶...
    沈念sama閱讀 36,238評論 5贊 350
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布，位于F島的核電站届榄，受9級特大地震影響浅乔，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜铝条，卻給世界環(huán)境...
    茶點故事閱讀 41,928評論 3贊 334
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一靖苇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧班缰，春花似錦贤壁、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,417評論 0贊 24
  • 一樁弒父案脾拆，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至给梅，卻和暖如春假丧，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背动羽。 一陣腳步聲響...
    開封第一講書人閱讀 33,528評論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來泰國打工包帚， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人运吓。 一個月前我還...
    沈念sama閱讀 48,983評論 3贊 376
  • 代替公主和親
    正文 我出身青樓渴邦，卻偏偏與公主長得像，于是被迫代替她去往敵國和親拘哨。 傳聞我的和親對象是個殘疾皇子谋梭，可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,573評論 2贊 359

推薦閱讀更多精彩內(nèi)容

  • 前言 原文地址：前端跨域總結(jié)博主博客地址：Damonare的個人博客 正文 1. 什么是跨域？ 跨域一詞從字面意思...
    yo_yo_閱讀 501評論 0贊 5
  • 前言 原文地址：前端跨域總結(jié) 博主博客地址：Damonare的個人博客 相信每一個前端er對于跨域這兩個字都不會陌...
    秦至閱讀 1,401評論 4贊 51
  • 前言 關(guān)于前端跨域的解決方法的多種多樣實在讓人目不暇接倦青。以前碰到一個公司面試的場景是這樣的瓮床，好幾個人一起在等待面試...
    andreaxiang閱讀 477評論 1贊 4
  • 1. 什么是跨域？ 跨域一詞從字面意思看产镐，就是跨域名嘛隘庄，但實際上跨域的范圍絕對不止那么狹隘。具體概念如下：只要協(xié)議...
    開車去環(huán)游世界閱讀 550評論 0贊 0
  • 前言相信每一個前端er對于跨域這兩個字都不會陌生癣亚，在實際項目中應(yīng)用也是比較多的丑掺。但跨域方法的多種多樣實在讓人目不暇...
    Www劉閱讀 672評論 2贊 23