Novi前端架構圖

2026-05-26   0  檢舉



這個架構圖展示了 Novi 前端從使用者請求到頁面渲染的完整技術連結。整體採用 Next.js 服務端渲染框架，透過多層路由（頁面路由與 API 路由）處理請求，前端狀態管理使用 Redux Toolkit 配合 React Context 進行分層管理，UI 元件庫基於 Ant Design 客製開發並封裝了業務通用元件。架構包含請求攔截層（Axios 封裝、錯誤統一處理）、資料快取層（React Query 與 localStorage 結合）、靜態資源 CDN 加速以及構建優化策略（代碼分割、圖片懶加載、按需引入），同時集成了前端監控（Sentry）與埋點系統，支撐從開發到線路上運維的完整集成系統。

展開

相關推薦

作者其他創作

大綱/內容

看更多

路由管理

圖表可視化組件

我的項目

sse

store modules

我的知識庫

router guards