什麼是 router?

阿榮-avatar-img
發佈於前端
更新 發佈閱讀 1 分鐘

什麼是 route (路由)?


1分鐘英文小教室
route 路線 / a particular way or direction between places


「Route」這個詞在英文中常見的意思是「路線」。就像你從 A 地點出發,沿著某條 route 前進,最終會到達 B 地點。


將這個「route=路線=路由」的概念應用到網頁開發上,我們可以這樣理解:「當使用者造訪某個網址(URL)時(就像出發點 A),對應正確的 route,應該顯示哪個畫面或執行什麼功能(就像目的地 B)。」


也就是說,route 就是在瀏覽器中定義「從某個網址 → 對應到某個頁面或功能」的規則。例如:使用者打開 /about,頁面顯示「關於我們」的內容。


什麼是 router?


前面提到,route 就像是一條一條的路線,那如果用相同的情境來比喻,router 就像是一套導航系統。這個導航系統(router)會負責管理你所有的路線(routes),它會一直關注你目前的位置,也就是你現在的網址(URL)。當 router 發現使用者目前造訪的是 /about,它就會去查它管理的所有路線清單,找到對應的 route,然後根據設定:將畫面切換到「About 頁面」,或執行對應的功能。


留言
avatar-img
留言分享你的想法!
avatar-img
阿榮 | 前端 ~ 互動藝術程式
2會員
39內容數
主要放程式學習筆記,分享 Creative Coding 相關內容、作品
2024/04/19
避免網頁在不同瀏覽器中長不一樣。用 CSS Reset 來「重置」和統一瀏覽器預設樣式。
Thumbnail
2024/04/19
避免網頁在不同瀏覽器中長不一樣。用 CSS Reset 來「重置」和統一瀏覽器預設樣式。
Thumbnail
2024/04/15
2024/04/15
2024/04/12
針對 JavaScript 中的原始型別和隱性轉型進行了詳細的探討
Thumbnail
2024/04/12
針對 JavaScript 中的原始型別和隱性轉型進行了詳細的探討
Thumbnail
看更多
你可能也想看
Thumbnail
[旅行] 觀察自己 是開始 認識自我 的旅行
Thumbnail
[旅行] 觀察自己 是開始 認識自我 的旅行
Thumbnail
[繞路] 成長旅途中 我們以為的繞路 都是生命裡 必經之路
Thumbnail
[繞路] 成長旅途中 我們以為的繞路 都是生命裡 必經之路
Thumbnail
今á日咱beh來紹介ê語詞是沿路,沿路ê意思to̍h是kui chōa路,tī路--ni̍h,咱做例來解說ta̍k ê to̍h真好理解:「早起去peh山,沿路ê風景真súi,空氣mā真好。」「旅行ê siāng尾1日,已經無預定ê行程,goán沿路nā看tio̍h siáⁿ心適ê所在,to̍h隨時
Thumbnail
今á日咱beh來紹介ê語詞是沿路,沿路ê意思to̍h是kui chōa路,tī路--ni̍h,咱做例來解說ta̍k ê to̍h真好理解:「早起去peh山,沿路ê風景真súi,空氣mā真好。」「旅行ê siāng尾1日,已經無預定ê行程,goán沿路nā看tio̍h siáⁿ心適ê所在,to̍h隨時
Thumbnail
最近,常常試著找出最近生活中的目標感,想以此當作重心來前進,但反而為了自己開啟了一段還沒來得及準備好的旅程,又或者是這個旅程的目的地已經重造到那其中的旅程了。
Thumbnail
最近,常常試著找出最近生活中的目標感,想以此當作重心來前進,但反而為了自己開啟了一段還沒來得及準備好的旅程,又或者是這個旅程的目的地已經重造到那其中的旅程了。
Thumbnail
卸下,是投入的開始
Thumbnail
卸下,是投入的開始
Thumbnail
攜手走過的路 以及沿途的風景 如今都成了鄉愁
Thumbnail
攜手走過的路 以及沿途的風景 如今都成了鄉愁
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News