| - | 請求頭 | 響應頭 |
|---|---|---|
| 緩存相關 | if-modified-since / if-none-match | last-modifed / etag / cache-control / expires |
| content | Content-Type | - |
| - | Content-Length | - |
| - | - | Content-Disposition |
| 內容編碼（實體壓縮） | Accept-Encoding: gzip, deflate, br |
content-encoding: br，Content-Encoding: gzip
|
| 傳輸編碼 | - |
Transfer-Encoding:chunked（分塊編碼） |
| cookie | cookie | set-cookie |
| 跨域相關 | Origin | Access-Control-Allow-Origin 草冈、 Access-Control-Allow-Methods、Access-Control-Allow-Headers |
| - | Access-Control-Allow-Credentials: true（允許客戶端攜帶驗證信息，告知瀏覽器是否可以將對請求的響應暴露給前端 JavaScript 代碼） |
1、常見的content-type
- text/html：HTML 文檔
- application/javascript; charset=UTF-8
- text/css; charset=UTF-8
- application/font-woff2、application/x-font-woff2;charset=utf-8
- text/plain：純文本
- application/json：JSON 格式數(shù)據
- application/xml：XML 格式數(shù)據
- application/pdf：PDF 文件
- image/jpeg：JPEG 圖像
- application/octet-stream：二進制流/字節(jié)流數(shù)據腰耙，通常用于文件下載
image.png
2、Provisional headers are shown
image.png
"Provisional headers are shown" 是瀏覽器開發(fā)者工具中的一種提示铲球，表示在請求的初期階段挺庞，瀏覽器只顯示了部分請求頭信息。這通常發(fā)生在瀏覽器發(fā)送請求之后稼病，但還未收到服務器響應時选侨。在這個階段，瀏覽器可能會顯示一些“Provisional headers”（暫定頭部信息）然走，而不是完整的請求頭信息援制。
這個提示通常不是錯誤，而是瀏覽器的一種優(yōu)化方式芍瑞，用來更快地展示請求的初步狀態(tài)晨仑。當請求完成并收到服務器響應后，瀏覽器會更新這些信息拆檬，以顯示完整的請求頭信息和響應內容洪己。
例如：
下面這個options請求還未響應時，上面post請求的請求頭就會顯示Provisional headers are shown竟贯。響應了之后答捕，上面這個請求頭就會更新為完整的。
企業(yè)微信截圖_17085984344005.png
企業(yè)微信截圖_17085984661200.png
3屑那、響應頭中的Transfer-Encoding: chunked 分塊傳輸
在響應頭中噪珊，Content-Length 和Transfer-Encoding通常不會同時存在。
Content-Length指定消息正文長度齐莲。當連接keep-alive時痢站，當接收到指定長度的數(shù)據，則瀏覽器認為傳輸結束Transfer-Encoding: chunked：服務器把消息體劃分為多個塊進行傳輸选酗，這樣就不需要提前知道Content-Length阵难。當最后一塊的size為0時表示傳輸結束
image.png
image.png
4、Type ping
-
navigator.sendBeacon()發(fā)送的請求Type是ping -
<a>鏈接上配置一個ping屬性芒填，點擊時會向這個屬性值地址發(fā)送一個請求呜叫，Type為ping空繁。<a href="url1" ping="url2">測試</a>
image.png
