使用 express 極簡處理前端路由的 history 模式問題
阿新 • • 發佈:2021-12-17
serve.js
const express = require("express"); const history = require("connect-history-api-fallback"); const app = express(); // 先定義後端路由 app.get("/health", function (req, res) { res.send("ok"); }); // 再使用 history 中介軟體 app.use(history()); // 最後配置 靜態資原始檔 app.use(express.static(__dirname + "/public")); // 監聽埠號 app.listen(8081, () => { console.log("服務已啟動"); });
執行:node serve.js
PS 需要前端處理路由不匹配問題(404)
參考:
教你怎麼快速搭建一個 Node + Express 靜態伺服器 - 簡書
Express 路由
HTML5 History 模式 | Vue Router