(web) 利用 react-router4 實現 單頁面 開發

SPA 應用 ---- (Single Page Web Application)

整個應用只有 一個完整的頁面

單擊連結不會重新整理頁面，本身不向伺服器發請求

點選路由連結，指揮更新區域性頁面

資料都需要通過 ajax 請求獲取，並在前臺非同步展現

• 路由：

指定了 不同請求 (路由地址 key ) 對應的 處理方式 value

一個路由就是一個對映關係 (key: value ---- 路由路徑: 處理函式/component)

• 前臺路由： value 就是一個 component 元件 -------- 不會發送 http 請求，但是介面會更新顯示對應的元件

<Route path="/about" component={About}>

• 後臺路由： value 就是一個處理函式 -------- 進行 http 請求/響應 的過程

router.post("/login", (req, res)=>{});

• 下載： npm install react-router-dom --save        // 新增到 生產依賴

如果是開發跨平臺應用： npm install react-router-dom --save        // 新增到 生產依賴

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5