介面API封裝中常見的HTTP狀態碼

2022-03-10 03:12:51 字數 2227 閱讀 1041

在進行後端介面api封裝的過程中,需要考慮各種錯誤資訊的輸出。一般情況下,根據相應問題輸出適合的http狀態碼,可以方便前端快速定位錯誤,減少溝通成本。

http狀態碼有很多,每個都有對應的含義,下面列出日常工作中常見的部分:

2xx (請求成功)表示成功處理了請求的狀態**。

200   (成功)  伺服器已成功處理了請求。 通常,這表示伺服器提供了請求的網頁。 

201   (已建立)  請求成功並且伺服器建立了新的資源。 

202   (已接受)  伺服器已接受請求,但尚未處理。 

203   (非授權資訊)  伺服器已成功處理了請求,但返回的資訊可能來自另一**。 

204   (無內容)  伺服器成功處理了請求,但沒有返回任何內容。 

205   (重置內容) 伺服器成功處理了請求,但沒有返回任何內容。

206   (部分內容)  伺服器成功處理了部分 get 請求。

3xx (請求被重定向)表示要完成請求,需要進一步操作。 通常,這些狀態**用來重定向。

300   (多種選擇)  針對請求,伺服器可執行多種操作。 伺服器可根據請求者 (user agent) 選擇一項操作,或提供操作列表供請求者選擇。

301   (永久移動)  請求的網頁已永久移動到新位置。 伺服器返回此響應(對 get 或 head 請求的響應)時,會自動將請求者轉到新位置。

302   (臨時移動)  伺服器目前從不同位置的網頁響應請求,但請求者應繼續使用原有位置來進行以後的請求。

303   (檢視其他位置) 請求者應當對不同的位置使用單獨的 get 請求來檢索響應時,伺服器返回此**。

304   (未修改) 自從上次請求後,請求的網頁未修改過。 伺服器返回此響應時,不會返回網頁內容。 

305   (使用**) 請求者只能使用**訪問請求的網頁。 如果伺服器返回此響應,還表示請求者應使用**。 

307   (臨時重定向)  伺服器目前從不同位置的網頁響應請求,但請求者應繼續使用原有位置來進行以後的請求。

4xx (請求錯誤)這些狀態**表示請求可能出錯,妨礙了伺服器的處理。

400   (錯誤請求) 伺服器不理解請求的語法。 

401   (未授權) 請求要求身份驗證。 對於需要登入的網頁,伺服器可能返回此響應。 

403   (禁止) 伺服器拒絕請求。

404   (未找到) 伺服器找不到請求的網頁。

405   (方法禁用) 禁用請求中指定的方法。 

406   (不接受) 無法使用請求的內容特性響應請求的網頁。 

407   (需要**授權) 此狀態**與 401(未授權)類似,但指定請求者應當授權使用**。

408   (請求超時)  伺服器等候請求時發生超時。 

409   (衝突)  伺服器在完成請求時發生衝突。 伺服器必須在響應中包含有關衝突的資訊。 

410   (已刪除)  如果請求的資源已永久刪除,伺服器就會返回此響應。 

411   (需要有效長度) 伺服器不接受不含有效內容長度標頭字段的請求。 

412   (未滿足前提條件) 伺服器未滿足請求者在請求中設定的其中乙個前提條件。 

413   (請求實體過大) 伺服器無法處理請求,因為請求實體過大,超出伺服器的處理能力。 

414   (請求的 uri 過長) 請求的 uri(通常為**)過長,伺服器無法處理。 

415   (不支援的**型別) 請求的格式不受請求頁面的支援。 

416   (請求範圍不符合要求) 如果頁面無法提供請求的範圍,則伺服器會返回此狀態**。 

417   (未滿足期望值) 伺服器未滿足"期望"請求標頭字段的要求。

5xx(伺服器錯誤)這些狀態**表示伺服器在嘗試處理請求時發生內部錯誤。 這些錯誤可能是伺服器本身的錯誤,而不是請求出錯。

500   (伺服器內部錯誤)  伺服器遇到錯誤,無法完成請求。 

501   (尚未實施) 伺服器不具備完成請求的功能。 例如,伺服器無法識別請求方法時可能會返回此**。 

502   (錯誤閘道器) 伺服器作為閘道器或**,從上游伺服器收到無效響應。 

503   (服務不可用) 伺服器目前無法使用(由於超載或停機維護)。 通常,這只是暫時狀態。 

504   (閘道器超時)  伺服器作為閘道器或**,但是沒有及時從上游伺服器收到請求。 

505   (http 版本不受支援) 伺服器不支援請求中所用的 http 協議版本。

封裝API介面

封裝api介面 目的 為了以後修改介面方便,如果專案很大,在每乙個頁面裡修改介面的話,很麻煩,所以封裝在乙個檔案裡,找起來也很方便 如何封裝 1.在src下建乙個restful資料夾,在此下面建乙個api.js檔案 2.因為上面的介面位址寫的是 api 所以要在config資料夾下的index.js...

api介面封裝

作用 為了以後修改介面方便,如果專案很大,在每乙個頁面裡修改介面的話,很麻煩,所以封裝在乙個檔案裡,找起來也很方便 http.js 中 import axios from axios 環境的切換 環境指的是就是開發環境 和 生產環境 npm run build之後 開發環境 development ...

api的介面封裝

在src下建立network資料夾。network資料夾下建立api.js和http.js。http.js主要用來統一管理專案http資料夾下api請求,主要用來方便管理介面。在vue專案中,和後台互動獲取資料這塊,我們通常使用的是axios庫,它是基於promise的http庫,可執行在瀏覽器端和...