>[danger]不同路由實現原理區別 在 React 中，路由的不同模式實現原理主要體現在 URL 的表現形式和對瀏覽器歷史記錄的處理上。以下是 React 中路由不同模式的實現原理區別： 1. **Hash 模式**： - **URL 表現形式**：Hash 模式的 URL 包含一個帶有 # 號的 hash 部分，例如 `http://example.com/#/about`。 - **實現原理**：當 URL 的 hash 部分發生變化時，瀏覽器會觸發 hashchange 事件，路由庫會監聽這個事件并根據新的 hash 值來渲染相應的組件。 - **瀏覽器歷史記錄處理**：在 Hash 模式下，改變 URL 的 hash 部分不會向服務器發送請求，因此不會生成新的歷史記錄，不會影響瀏覽器的前進后退功能。 2. **History 模式**： - **URL 表現形式**：History 模式的 URL 更加常規，不包含 # 號，例如 `http://example.com/about`。 - **實現原理**：使用 HTML5 History API 中的 pushState 和 replaceState 方法來改變 URL，同時監聽 popstate 事件以便在 URL 發生變化時進行相應的路由切換。 - **瀏覽器歷史記錄處理**：在 History 模式下，可以通過 pushState 和 replaceState 方法改變 URL，并且這些改變會向瀏覽器歷史記錄中添加新的條目，從而影響瀏覽器的前進后退功能。 總的來說，Hash 模式通過改變 URL 的 hash 部分來進行路由切換，不會向服務器發送請求，而 History 模式則通過 HTML5 History API 來改變整個 URL，可以更加自然地呈現 URL，同時能夠利用瀏覽器的前進后退功能。在 React 中，這兩種模式的實現原理會影響到路由庫的具體實現方式以及開發者在配置路由時的選擇。