成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

跨域和跨域請(qǐng)求的方法

wwq0327 / 594人閱讀

摘要：存在跨域的情況網(wǎng)絡(luò)協(xié)議不同，如協(xié)議訪問(wèn)協(xié)議。域名和域名對(duì)應(yīng)如訪問(wèn)跨域請(qǐng)求資源的方法代理定義和用法代理用于將請(qǐng)求發(fā)送給后臺(tái)服務(wù)器，通過(guò)服務(wù)器來(lái)發(fā)送請(qǐng)求，然后將請(qǐng)求的結(jié)果傳遞給前端。定義和用法是現(xiàn)代瀏覽器支持跨域資源請(qǐng)求的一種最常用的方式。

1、什么是跨域？ 
由于瀏覽器同源策略，凡是發(fā)送請(qǐng)求url的協(xié)議、域名、端口三者之間任意一與當(dāng)前頁(yè)面地址不同即為跨域。存在跨域的情況：

網(wǎng)絡(luò)協(xié)議不同，如http協(xié)議訪問(wèn)https協(xié)議。

端口不同，如80端口訪問(wèn)8080端口

域名不同，如qianduanblog.com訪問(wèn)baidu.com

子域名不同，如abc.qianduanblog.com訪問(wèn)def.qianduanblog.com。

域名和域名對(duì)應(yīng)ip,如www.a.com訪問(wèn)20.205.28.90.

2、跨域請(qǐng)求資源的方法：

(1).porxy代理

定義和用法：proxy代理用于將請(qǐng)求發(fā)送給后臺(tái)服務(wù)器，通過(guò)服務(wù)器來(lái)發(fā)送請(qǐng)求，然后將請(qǐng)求的結(jié)果傳遞給前端。
實(shí)現(xiàn)方法：通過(guò)nginx代理；
注意點(diǎn)：1、如果你代理的是https協(xié)議的請(qǐng)求，那么你的proxy首先需要信任該證書(shū)（尤其是自定義證書(shū)）或者忽略證書(shū)檢查，否則你的請(qǐng)求無(wú)法成功。

(2).CORS 【Cross-Origin Resource Sharing】

定義和用法：是現(xiàn)代瀏覽器支持跨域資源請(qǐng)求的一種最常用的方式。
使用方法：一般需要后端人員在處理請(qǐng)求數(shù)據(jù)的時(shí)候，添加允許跨域的相關(guān)操作。如下：
res.writeHead(200, {
    "Content-Type": "text/html; charset=UTF-8",
    "Access-Control-Allow-Origin":"http://localhost",
    "Access-Control-Allow-Methods": "GET, POST, OPTIONS",
    "Access-Control-Allow-Headers": "X-Requested-With, Content-Type"
});

(3).jsonp

定義和用法：通過(guò)動(dòng)態(tài)插入一個(gè)script標(biāo)簽。瀏覽器對(duì)script的資源引用沒(méi)有同源限制，同時(shí)資源加載到頁(yè)面后會(huì)立即執(zhí)行（沒(méi)有阻塞的情況下）。
特點(diǎn)：通過(guò)情況下，通過(guò)動(dòng)態(tài)創(chuàng)建script來(lái)讀取他域的動(dòng)態(tài)資源，獲取的數(shù)據(jù)一般為json格式。
實(shí)例如下：
    function testjsonp(data) {
       console.log(data.name); // 獲取返回的結(jié)果
    }


缺點(diǎn)：
　　1、這種方式無(wú)法發(fā)送post請(qǐng)求（這里）
　　2、另外要確定jsonp的請(qǐng)求是否失敗并不容易，大多數(shù)框架的實(shí)現(xiàn)都是結(jié)合超時(shí)時(shí)間來(lái)判定。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/98623.html

相關(guān)文章

  • 同源策略和跨域方法

    摘要：同源策略的控制者是瀏覽器，瀏覽器可以控制不同域之間的資源的訪問(wèn)或相互操作，但不控制自己對(duì)不同域之間的資源的操作和訪問(wèn)。 同源與跨域 一般情況下，禁止一個(gè)域從另一個(gè)域讀取數(shù)據(jù)，卻可以使用某些從其他域拿到的資源。比如說(shuō)，允許一個(gè)域執(zhí)行、渲染、應(yīng)用從其他域獲取到的腳本、圖片、樣式；同樣，一個(gè)域可以展示從其他域獲取的內(nèi)容，比如在frame中顯示html文檔。網(wǎng)絡(luò)資源也可以選擇性的讓其他域來(lái)讀取...

    魏憲會(huì) 評(píng)論0 收藏0

  • ajax封裝和跨域知識(shí)

    摘要：封裝和跨域知識(shí)使用還是是通過(guò)參數(shù)傳遞到當(dāng)前腳本的變量數(shù)組。對(duì)所發(fā)送信息的數(shù)量也有限制。請(qǐng)求成功時(shí)觸發(fā)，。允許一個(gè)域上的網(wǎng)絡(luò)應(yīng)用向另一個(gè)域提交跨域請(qǐng)求。 ajax封裝和跨域知識(shí) ajax 使用get還是post $_GET 是通過(guò) URL 參數(shù)傳遞到當(dāng)前腳本的變量數(shù)組。 $_POST 是通過(guò) HTTP POST 傳遞到當(dāng)前腳本的變量數(shù)組。 何時(shí)使用 GET？ 通過(guò) GET 方法從表單...

    Shihira 評(píng)論0 收藏0

  • 使用Spring Security中遇到的Preflight請(qǐng)求和跨域的問(wèn)題

    摘要：首先遇到的就是跨域問(wèn)題，但是在攜帶請(qǐng)求過(guò)程中出現(xiàn)了服務(wù)端獲取不到情況。瀏覽器將請(qǐng)求分成兩類簡(jiǎn)單請(qǐng)求和非簡(jiǎn)單請(qǐng)求。而瀏覽器對(duì)這兩種請(qǐng)求的處理是不一樣的。 背景 在一個(gè)前后端分離開(kāi)發(fā)的項(xiàng)目中，使用SpringSecurity做安全框架，用JWT來(lái)實(shí)現(xiàn)權(quán)限管理提升RESTful Api的安全性。首先遇到的就是跨域問(wèn)題，但是在攜帶jwt請(qǐng)求過(guò)程中出現(xiàn)了服務(wù)端獲取不到j(luò)wt情況。 跨域問(wèn)題 在開(kāi)...

    shengguo 評(píng)論0 收藏0

  • 使用Spring Security中遇到的Preflight請(qǐng)求和跨域的問(wèn)題

    摘要：首先遇到的就是跨域問(wèn)題，但是在攜帶請(qǐng)求過(guò)程中出現(xiàn)了服務(wù)端獲取不到情況。瀏覽器將請(qǐng)求分成兩類簡(jiǎn)單請(qǐng)求和非簡(jiǎn)單請(qǐng)求。而瀏覽器對(duì)這兩種請(qǐng)求的處理是不一樣的。 背景 在一個(gè)前后端分離開(kāi)發(fā)的項(xiàng)目中，使用SpringSecurity做安全框架，用JWT來(lái)實(shí)現(xiàn)權(quán)限管理提升RESTful Api的安全性。首先遇到的就是跨域問(wèn)題，但是在攜帶jwt請(qǐng)求過(guò)程中出現(xiàn)了服務(wù)端獲取不到j(luò)wt情況。 跨域問(wèn)題 在開(kāi)...

    EscapedDog 評(píng)論0 收藏0

  • 同源策略和跨域知識(shí)點(diǎn)學(xué)習(xí)

    摘要：同源策略在這之前需要先熟悉一下這個(gè)概念，同源指請(qǐng)求協(xié)議相同，主機(jī)名相同，端口相同，涉及安全的策略。同源策略主要限制的是不同源之間的交互操作，對(duì)于跨域內(nèi)嵌的資源不受該策略限制。 問(wèn)題起因是在使用weibo api的時(shí)候，發(fā)現(xiàn)有一個(gè)報(bào)錯(cuò)。weibo api是https協(xié)議，我本地是模擬的回調(diào)域名，然后進(jìn)行數(shù)據(jù)通信，本地http協(xié)議，于是乎就報(bào)錯(cuò)了。出于對(duì)postMessage的不是很熟悉，...

    baiy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<