JavaScript 前端框架如何處理路由？

Question

前幾天嘗試用純javascript做一個沒有框架的路由系統
但我只能使用 hash

我知道你可以使用history.pushState
但是當我重新加載頁面時，瀏覽器會認為它是不同的 URL 並向新的 URL 發送 GET 請求
我還嘗試使用服務人員攔截請求，但這似乎也不起作用

那么，像 Vue/React/Angular 這樣的 JavaScript 框架如何在沒有 hash 的情況下處理路由並設法重定向請求？

Answer 1

但是當我重新加載頁面時，瀏覽器會認為它是不同的 URL 並向新的 URL 發送 GET 請求

是的。 這才是重點。

pushState是一種說法，“我正在使用 JavaScript 更改頁面。我將其更改為的 state 與您訪問此 ZE6B391A8D2C4D45902A23A8B6587 時所獲得的相同。”

這允許書簽、搜索引擎和后退/前進工作。

那么，像 Vue/React/Angular 這樣的 JavaScript 框架如何在沒有 hash 的情況下處理路由並設法重定向請求？

他們不能，至少不能靠他們自己。 您需要服務器上的某些內容來生成右側 state 中的頁面。 例如，與您正在使用的前端框架兼容的服務器端渲染框架。