一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

字節(jié)一面:post 為什么會(huì)發(fā)送兩次請求?被問懵了…

 Baruch 2023-10-10 發(fā)布于四川

 Spring Cloud 微服務(wù)實(shí)戰(zhàn)(最新版)

 Spring Boot 3.x 實(shí)戰(zhàn),不能再全了!
 2023 全新 Java 面試題(2500+)

前言

最近博主在字節(jié)面試中遇到這樣一個(gè)面試題,這個(gè)問題也是前端面試的高頻問題,因?yàn)樵谇岸碎_發(fā)的日常開發(fā)中我們總是會(huì)與post請求打交道,一個(gè)小小的post請求也是牽扯到很多知識點(diǎn)的,博主在這給大家細(xì)細(xì)道來。

同源策略

在瀏覽器中,內(nèi)容是很開放的,任何資源都可以接入其中,如 JavaScript 文件、圖片、音頻、視頻等資源,甚至可以下載其他站點(diǎn)的可執(zhí)行文件。

但也不是說瀏覽器就是完全自由的,如果不加以控制,就會(huì)出現(xiàn)一些不可控的局面,例如會(huì)出現(xiàn)一些安全問題,如:

  • 跨站腳本攻擊(XSS)
  • SQL 注入攻擊
  • OS 命令注入攻擊
  • HTTP 首部注入攻擊
  • 跨站點(diǎn)請求偽造(CSRF)
  • 等等…

如果這些都沒有限制的話,對于我們用戶而言,是相對危險(xiǎn)的,因此需要一些安全策略來保障我們的隱私和數(shù)據(jù)安全。

推薦一個(gè)開源免費(fèi)的 Spring Boot 實(shí)戰(zhàn)項(xiàng)目:

https://github.com/javastacks/spring-boot-best-practice

什么是同源策略

同源策略是一個(gè)重要的安全策略,它用于限制一個(gè)源的文檔或者它加載的腳本如何能與另一個(gè)源的資源進(jìn)行交互。

如果兩個(gè) URL 的協(xié)議、主機(jī)和端口都相同,我們就稱這兩個(gè) URL 同源。

協(xié)議:協(xié)議是定義了數(shù)據(jù)如何在計(jì)算機(jī)內(nèi)和之間進(jìn)行交換的規(guī)則的系統(tǒng),例如 HTTP、HTTPS。

主機(jī):是已連接到一個(gè)計(jì)算機(jī)網(wǎng)絡(luò)的一臺(tái)電子計(jì)算機(jī)或其他設(shè)備。網(wǎng)絡(luò)主機(jī)可以向網(wǎng)絡(luò)上的用戶或其他節(jié)點(diǎn)提供信息資源、服務(wù)和應(yīng)用。使用 TCP/IP 協(xié)議族參與網(wǎng)絡(luò)的計(jì)算機(jī)也可稱為 IP 主機(jī)。

端口:主機(jī)是計(jì)算機(jī)到計(jì)算機(jī)之間的通信,那么端口就是進(jìn)程到進(jìn)程之間的通信。

如下表給出了與 URL http://test.:8080/dir/page.html 的源進(jìn)行對比的示例:

圖片

同源策略主要表現(xiàn)在以下三個(gè)方面:DOM、Web 數(shù)據(jù)和網(wǎng)絡(luò)。

  • DOM 訪問限制:同源策略限制了網(wǎng)頁腳本(如 JavaScript)訪問其他源的 DOM。這意味著通過腳本無法直接訪問跨源頁面的 DOM 元素、屬性或方法。這是為了防止惡意網(wǎng)站從其他網(wǎng)站竊取敏感信息。
  • Web 數(shù)據(jù)限制:同源策略也限制了從其他源加載的 Web 數(shù)據(jù)(例如 XMLHttpRequest 或 Fetch API)。在同源策略下,XMLHttpRequest 或 Fetch 請求只能發(fā)送到與當(dāng)前網(wǎng)頁具有相同源的目標(biāo)。這有助于防止跨站點(diǎn)請求偽造(CSRF)等攻擊。
  • 網(wǎng)絡(luò)通信限制:同源策略還限制了跨源的網(wǎng)絡(luò)通信。瀏覽器會(huì)阻止從一個(gè)源發(fā)出的請求獲取來自其他源的響應(yīng)。這樣做是為了確保只有受信任的源能夠與服務(wù)器進(jìn)行通信,以避免惡意行為。

出于安全原因,瀏覽器限制從腳本內(nèi)發(fā)起的跨源 HTTP 請求,XMLHttpRequest 和 Fetch API,只能從加載應(yīng)用程序的同一個(gè)域請求 HTTP 資源,除非使用 CORS 頭文件。

插播一條:如果你近期準(zhǔn)備面試跳槽,建議在Java面試庫小程序在線刷題,涵蓋 2000+ 道 Java 面試題,幾乎覆蓋了所有主流技術(shù)面試題。

CORS

對于瀏覽器限制這個(gè)詞,要著重解釋一下:不一定是瀏覽器限制了發(fā)起跨站請求,也可能是跨站請求可以正常發(fā)起,但是返回結(jié)果被瀏覽器攔截了。

瀏覽器將不同域的內(nèi)容隔離在不同的進(jìn)程中,網(wǎng)絡(luò)進(jìn)程負(fù)責(zé)下載資源并將其送到渲染進(jìn)程中,但由于跨域限制,某些資源可能被阻止加載到渲染進(jìn)程。如果瀏覽器發(fā)現(xiàn)一個(gè)跨域響應(yīng)包含了敏感數(shù)據(jù),它可能會(huì)阻止腳本訪問這些數(shù)據(jù),即使網(wǎng)絡(luò)進(jìn)程已經(jīng)獲得了這些數(shù)據(jù)。CORB 的目標(biāo)是在渲染之前盡早阻止惡意代碼獲取跨域數(shù)據(jù)。

CORB 是一種安全機(jī)制,用于防止跨域請求惡意訪問跨域響應(yīng)的數(shù)據(jù)。渲染進(jìn)程會(huì)在 CORB 機(jī)制的約束下,選擇性地將哪些資源送入渲染進(jìn)程供頁面使用。

例如,一個(gè)網(wǎng)頁可能通過 AJAX 請求從另一個(gè)域的服務(wù)器獲取數(shù)據(jù)。雖然某些情況下這樣的請求可能會(huì)成功,但如果瀏覽器檢測到請求返回的數(shù)據(jù)可能包含惡意代碼或與同源策略沖突,瀏覽器可能會(huì)阻止網(wǎng)頁訪問返回的數(shù)據(jù),以確保用戶的安全。

跨源資源共享(Cross-Origin Resource Sharing,CORS)是一種機(jī)制,允許在受控的條件下,不同源的網(wǎng)頁能夠請求和共享資源。由于瀏覽器的同源策略限制了跨域請求,CORS 提供了一種方式來解決在 Web 應(yīng)用中進(jìn)行跨域數(shù)據(jù)交換的問題。

CORS 的基本思想是,服務(wù)器在響應(yīng)中提供一個(gè)標(biāo)頭(HTTP 頭),指示哪些源被允許訪問資源。瀏覽器在發(fā)起跨域請求時(shí)會(huì)先發(fā)送一個(gè)預(yù)檢請求(OPTIONS 請求)到服務(wù)器,服務(wù)器通過設(shè)置適當(dāng)?shù)?CORS 標(biāo)頭來指定是否允許跨域請求,并指定允許的請求源、方法、標(biāo)頭等信息。

簡單請求

不會(huì)觸發(fā) CORS 預(yù)檢請求。這樣的請求為 簡單請求,。若請求滿足所有下述條件,則該請求可視為 簡單請求:

  1. HTTP 方法限制:只能使用 GET、HEAD、POST 這三種 HTTP 方法之一。如果請求使用了其他 HTTP 方法,就不再被視為簡單請求。
  2. 自定義標(biāo)頭限制:請求的 HTTP 標(biāo)頭只能是以下幾種常見的標(biāo)頭:Accept、Accept-Language、Content-Language、Last-Event-ID、Content-Type(僅限于 application/x-www-form-urlencoded、multipart/form-data、text/plain)。HTML 頭部 header field 字段:DPR、Download、Save-Data、Viewport-Width、WIdth。如果請求使用了其他標(biāo)頭,同樣不再被視為簡單請求。
  3. 請求中沒有使用 ReadableStream 對象。
  4. 不使用自定義請求標(biāo)頭:請求不能包含用戶自定義的標(biāo)頭。
  5. 請求中的任意 XMLHttpRequestUpload 對象均沒有注冊任何事件監(jiān)聽器;XMLHttpRequestUpload 對象可以使用 XMLHttpRequest.upload 屬性訪問

預(yù)檢請求

非簡單請求的 CORS 請求,會(huì)在正式通信之前,增加一次 HTTP 查詢請求,稱為:預(yù)檢請求。

需預(yù)檢的請求要求必須首先使用 OPTIONS 方法發(fā)起一個(gè)預(yù)檢請求到服務(wù)器,以獲知服務(wù)器是否允許該實(shí)際請求。預(yù)檢請求 的使用,可以避免跨域請求對服務(wù)器的用戶數(shù)據(jù)產(chǎn)生未預(yù)期的影響。

例如我在自己的網(wǎng)站上刪除一條記錄:

圖片

它首先會(huì)發(fā)起一個(gè)預(yù)檢請求,預(yù)檢請求的頭信息包括兩個(gè)特殊字段:

  • Access-Control-Request-Method:該字段是必須的,用來列出瀏覽器的 CORS 請求會(huì)用到哪些 HTTP 方法,上例是 POST。
  • Access-Control-Request-Headers:該字段是一個(gè)逗號分隔的字符串,指定瀏覽器 CORS 請求會(huì)額外發(fā)送的頭信息字段,上例是 content-type,x-secsdk-csrf-token。
  • access-control-allow-origin:在上述例子中,表示 https:// 可以請求數(shù)據(jù),也可以設(shè)置為* 符號,表示統(tǒng)一任意跨源請求。
  • access-control-max-age:該字段可選,用來指定本次預(yù)檢請求的有效期,單位為秒。上面結(jié)果中,有效期是 1 天(86408 秒),即允許緩存該條回應(yīng) 1 天(86408 秒),在此期間,不用發(fā)出另一條預(yù)檢請求。

一旦服務(wù)器通過了 預(yù)檢請求,以后每次瀏覽器正常的 CORS 請求,就都跟簡單請求一樣,會(huì)有一個(gè) Origin 頭信息字段。服務(wù)器的回應(yīng),也都會(huì)有一個(gè) Access-Control-Allow-Origin 頭信息字段。

圖片

上面頭信息中,Access-Control-Allow-Origin 字段是每次回應(yīng)都必定包含的。插播一條:如果你近期準(zhǔn)備面試跳槽,建議在Java面試庫小程序在線刷題,涵蓋 2000+ 道 Java 面試題,幾乎覆蓋了所有主流技術(shù)面試題。

附帶身份憑證的請求與通配符

在響應(yīng)附帶身份憑證的請求時(shí):

  • 為了避免惡意網(wǎng)站濫用 Access-Control-Allow-Origin 頭部字段來獲取用戶敏感信息,服務(wù)器在設(shè)置時(shí)不能將其值設(shè)為通配符 *。相反,應(yīng)該將其設(shè)置為特定的域,例如:Access-Control-Allow-Origin: https://。通過將 Access-Control-Allow-Origin 設(shè)置為特定的域,服務(wù)器只允許來自指定域的請求進(jìn)行跨域訪問。這樣可以限制跨域請求的范圍,避免不可信的域獲取到用戶敏感信息。
  • 為了避免潛在的安全風(fēng)險(xiǎn),服務(wù)器不能將 Access-Control-Allow-Headers 的值設(shè)為通配符 *。這是因?yàn)椴皇芟拗频恼埱箢^可能被濫用。相反,應(yīng)該將其設(shè)置為一個(gè)包含標(biāo)頭名稱的列表,例如:Access-Control-Allow-Headers: X-PINGOTHER, Content-Type。通過將 Access-Control-Allow-Headers 設(shè)置為明確的標(biāo)頭名稱列表,服務(wù)器可以限制哪些自定義請求頭是允許的。只有在允許的標(biāo)頭列表中的頭部字段才能在跨域請求中被接受。
  • 為了避免潛在的安全風(fēng)險(xiǎn),服務(wù)器不能將 Access-Control-Allow-Methods 的值設(shè)為通配符 *。這樣做將允許來自任意域的請求使用任意的 HTTP 方法,可能導(dǎo)致濫用行為的發(fā)生。相反,應(yīng)該將其設(shè)置為一個(gè)特定的請求方法名稱列表,例如:Access-Control-Allow-Methods: POST, GET。通過將 Access-Control-Allow-Methods 設(shè)置為明確的請求方法列表,服務(wù)器可以限制哪些方法是允許的。只有在允許的方法列表中的方法才能在跨域請求中被接受和處理。
  • 對于附帶身份憑證的請求(通常是 Cookie),

這是因?yàn)檎埱蟮臉?biāo)頭中攜帶了 Cookie 信息,如果 Access-Control-Allow-Origin 的值為 *,請求將會(huì)失敗。而將 Access-Control-Allow-Origin 的值設(shè)置為 https://,則請求將成功執(zhí)行。

另外,響應(yīng)標(biāo)頭中也攜帶了 Set-Cookie 字段,嘗試對 Cookie 進(jìn)行修改。如果操作失敗,將會(huì)拋出異常。用設(shè)計(jì)模式干掉 if-else,這篇推薦學(xué)習(xí)下。

完整的請求流程圖

圖片

總結(jié)

預(yù)檢請求是在進(jìn)行跨域資源共享 CORS 時(shí),由瀏覽器自動(dòng)發(fā)起的一種 OPTIONS 請求。它的存在是為了保障安全,并允許服務(wù)器決定是否允許跨域請求。

跨域請求是指在瀏覽器中向不同域名、不同端口或不同協(xié)議的資源發(fā)送請求。

出于安全原因,瀏覽器默認(rèn)禁止跨域請求,只允許同源策略。而當(dāng)網(wǎng)頁需要進(jìn)行跨域請求時(shí),瀏覽器會(huì)自動(dòng)發(fā)送一個(gè)預(yù)檢請求,以確定是否服務(wù)器允許實(shí)際的跨域請求。

預(yù)檢請求中包含了一些額外的頭部信息,如 Origin 和 Access-Control-Request-Method 等,用于告知服務(wù)器實(shí)際請求的方法和來源。服務(wù)器收到預(yù)檢請求后,可以根據(jù)這些頭部信息,進(jìn)行驗(yàn)證和授權(quán)判斷。如果服務(wù)器認(rèn)可該跨域請求,將返回一個(gè)包含 Access-Control-Allow-Origin 等頭部信息的響應(yīng),瀏覽器才會(huì)繼續(xù)發(fā)送實(shí)際的跨域請求。

使用預(yù)檢請求機(jī)制可以有效地防范跨域請求帶來的安全風(fēng)險(xiǎn),保護(hù)用戶數(shù)據(jù)和隱私。

版權(quán)聲明:本文為CSDN博主「程序員小豪」的原創(chuàng)文章,遵循CC 4.0 BY-SA版權(quán)協(xié)議,轉(zhuǎn)載請附上原文出處鏈接及本聲明。

    本站是提供個(gè)人知識管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    色丁香一区二区黑人巨大| 色综合久久超碰色婷婷| 99久久精品国产麻豆| 午夜福利视频日本一区| 91后入中出内射在线| 日本精品理论在线观看| 久久精品国产99精品亚洲| 在线观看免费无遮挡大尺度视频| 中文字幕一区二区三区大片| 日韩精品中文字幕在线视频| 亚洲av熟女一区二区三区蜜桃| 91熟女大屁股偷偷对白| 五月婷婷六月丁香在线观看| 国产伦精品一区二区三区精品视频| 色老汉在线视频免费亚欧| 国产中文字幕一区二区| 久久精品一区二区少妇| 亚洲一区二区精品免费| 亚洲国产婷婷六月丁香| 日韩一区二区三区高清在| 在线观看欧美视频一区| 97人妻精品一区二区三区男同| 东京不热免费观看日本| 国产欧美另类激情久久久| 亚洲国产另类久久精品| 色婷婷国产精品视频一区二区保健 | 九九久久精品久久久精品 | 亚洲人妻av中文字幕| 四十女人口红哪个色好看| 亚洲精品福利入口在线| 久久热中文字幕在线视频| 黑丝袜美女老师的小逼逼| 国产一区二区精品高清免费| 最好看的人妻中文字幕| 国产又粗又猛又大爽又黄| 五月综合婷婷在线伊人| 99一级特黄色性生活片| 国产精品大秀视频日韩精品| 亚洲日本中文字幕视频在线观看 | 国产精品蜜桃久久一区二区| 欧美日韩综合在线精品|