這篇會向大家介紹一下 HTTP，主要內容有
- HTTP 請求包括哪些部分，如何用Chrome開發者工具查看 HTTP 請求內容
- HTTP 響應包括哪些部分，如何用Chrome開發者工具查看 HTTP 響應內容
- 如何使用 curl 命令
HTTP 請求的格式
1 動詞 路徑 協議/版本
2 Key1: value1
2 Key2: value2
2 Key3: value3
2 Content-Type: application/x-www-form-urlencoded
2 Host: www.baidu.com
2 User-Agent: curl/7.54.0
3
4 要上傳的數據- 請求最多包含四部分，最少包含三部分。（也就是說第 4 部分可以為空）
- 第 3 部分永遠都是一個回車（
\n） - 動詞有 GET POST PUT PATCH DELETE HEAD OPTIONS 等
- 這裡的路徑包括「查詢參數」，但不包括「錨點」
- 如果你沒有寫路徑，那麼路徑默認為 /
- 第 2 部分中的 Content-Type 標註了第 4 部分的格式
何用Chrome開發者工具查看 HTTP 請求內容
- 開啟 Chrome 瀏覽器，按左鍵，然後選擇檢查
2. 選擇 Network
3. 在下方列表選擇你想查看的資源，然拉到 Request Header，按 view source 按 view source 按 view source 查看詳細。
4. 按 view source 後便看到整個 request 的詳細內容。
響應的格式
1 協議/版本號 狀態碼 狀態解釋
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 要下載的內容- 狀態碼要背，是服務器對瀏覽器說的話
1xx 不常用
2xx 表示成功
3xx 表示滾吧
4xx 表示你丫錯了
5xx 表示好吧，我錯了
- 狀態解釋沒什麼用
- 第 2 部分中的 Content-Type 標註了第 4 部分的格式
- 第 2 部分中的 Content-Type 遵循 MIME 規範
何用Chrome開發者工具查看 HTTP 請求內容
- 開啟 Chrome 瀏覽器，按左鍵，然後選擇檢查
2. 選擇 Network
3. 在下方列表選擇你想查看的資源，然拉到 Response Header，按 view source 按 view source 按 view source 查看詳細。
4. 按 view source 後便看到整個 response 的詳細內容。
如何使用 curl 命令
curl是一個利用URL規則在命令行下工作的文件傳輸工具，可以說是一款很強大的http命令行工具。它支持文件的上傳和下載，是綜合傳輸工具，但按傳統，習慣稱url為下載工具。
我們可以用curl 創造一個請求，並得到響應。
例子：
curl -v -X POST --data "username=ff&password=123" www.google.com/path- 關於命令的不同選項功能，可以在 https://explainshell.com 查看。
總結：
本文是小弟學習前端寫有關於簡述：HTTP 請求 require 及回應 response 解析，請大家多多指教。如有任何意見及交流，可在下方留言，謝謝！
