【後端架構系列 04】前端生存指南:Axios 攔截器與無感換證 (Silent Refresh)
•10 分鐘
後端已經準備好了完美的雙 Token 機制,現在輪到前端接招。本文將深入探討如何在 React/Vue 中實作「無感換證」,並解決最致命的「併發請求 (Race Condition)」問題。筆者將提供一份生產環境等級的 Axios 攔截器代碼,確保你的 Token Rotation 機制不會因為前端的錯誤實作而自我毀滅。
閱讀全文 →
動詞實驗室從實驗到實踐,打造極致全端技術體驗
後端已經準備好了完美的雙 Token 機制,現在輪到前端接招。本文將深入探討如何在 React/Vue 中實作「無感換證」,並解決最致命的「併發請求 (Race Condition)」問題。筆者將提供一份生產環境等級的 Axios 攔截器代碼,確保你的 Token Rotation 機制不會因為前端的錯誤實作而自我毀滅。
JWT 一旦發出就收不回?這是許多後端開發者的噩夢。本文將引入 Refresh Token 與 Redis 黑名單機制,建構一套既能享受無狀態的高效能,又能擁有強制登出權限的混合架構。筆者將示範如何實作「Token Rotation (旋轉)」策略,從根本上杜絕 Token 遭竊後的重放攻擊。
會用 npm install jsonwebtoken 不代表你會寫安全的驗證系統。本文將像外科手術一樣拆解 JWT 的三段式結構,揭露 Base64 編碼與加密的致命誤區。筆者將帶你實作一個 Production Ready 的 TypeScript JWT 工具包,並親手修補那些可能導致資料外洩的安全漏洞。
JWT 已經成為現代 API 驗證的主流,但它真的在所有場景下都優於 Session 嗎?本文將深入探討這兩種驗證機制的底層原理,解析 Stateful 與 Stateless 的架構權衡。筆者將揭露 JWT 那些常被忽視的「副作用」,並分析在微服務與單體架構下,如何做出正確的技術決策。
這是旅程的終點,也是大型架構的起點。本篇將整合前九篇所有技術,利用 Service Bindings 實現「零延遲 RPC」通訊,將單體應用拆解為高效的微服務艦隊,打造真正可擴展的企業級邊緣系統。