Axios
Axios 開源 Promise 網路請求庫
- 統一您的網路通訊邏輯。Axios 解決了原生
XMLHttpRequest操作過於繁瑣以及早期fetchAPI 缺乏攔截器與請求取消功能的痛點。透過其一致的 API 設計,開發者可以編寫出一套同時適用於前端 UI 互動與後端 API 呼叫的代碼。無論是處理自動化的 Token 刷新、全局錯誤監控,還是複雜的數據格式化,Axios 提供的彈性都能讓網路開發變得直覺且易於維護。
強大的攔截器 (Interceptors): 支援在請求發出前或回應抵達前進行全局處理,常用於自動添加 Authorization Header 或全局處理 401 錯誤。
自動化數據轉換: 預設支援自動將 JSON 數據與 JavaScript 物件互相轉換,並能根據內容類型自動配置正確的 Headers。
完美的異步 Promise 支援: 完全基於 Promise 設計,支援最新的
async/await語法,讓非同步代碼邏輯清晰如同步執行。請求取消與超時控制: 透過整合
AbortController,開發者能精準地取消不再需要的請求,並設定全局或單一請求的超時限制(Timeout)。內建 XSRF 防禦: 具備客戶端偵測與防護跨站請求偽造(XSRF)的機制,提升 Web 應用的基本安全性。
多平台環境自適應: 自動偵測運行環境,在瀏覽器使用
XMLHttpRequest或fetch,在 Node.js 中則使用原生http模組,無需額外配置。
主要功能、特點
介紹: Axios 是一款由社群驅動的輕量級 HTTP 客戶端庫。它以極小的體積提供了極高的功能覆蓋率,是目前前端工程化中最穩定的技術基礎設施之一。
服務: 提供併發請求處理(axios.all)、上傳進度監控、自定義實例(Instance)配置、支援多種請求方法(GET, POST, PUT, DELETE 等)、以及對緩存(Caching)機制的良好擴展性。
指令
- 安裝 Axios (NPM):
npm install axios - 安裝 Axios (Yarn):
yarn add axios - 基本 GET 請求範例:
const axios = require('axios'); const response = await axios.get('/user?ID=12345'); console.log(response.data);


