成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

跨域和跨域請求的方法

wwq0327 / 642人閱讀

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

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

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

端口不同，如80端口訪問8080端口

域名不同，如qianduanblog.com訪問baidu.com

子域名不同，如abc.qianduanblog.com訪問def.qianduanblog.com。

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

2、跨域請求資源的方法：

(1).porxy代理

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

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

定義和用法：是現(xiàn)代瀏覽器支持跨域資源請求的一種最常用的方式。
使用方法：一般需要后端人員在處理請求數(shù)據(jù)的時候，添加允許跨域的相關(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

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


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

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/98623.html

相關(guān)文章

  • 同源策略和跨域方法

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

    魏憲會 評論0 收藏0

  • ajax封裝和跨域知識

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

    Shihira 評論0 收藏0

  • 使用Spring Security中遇到的Preflight請求和跨域的問題

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

    shengguo 評論0 收藏0

  • 使用Spring Security中遇到的Preflight請求和跨域的問題

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

    EscapedDog 評論0 收藏0

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

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

    baiy 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<