1. 程式人生 > 其它 >使用 express 極簡處理前端路由的 history 模式問題

使用 express 極簡處理前端路由的 history 模式問題

主要使用的中介軟體:
bripkens/connect-history-api-fallback: Fallback to index.html for applications that are using the HTML 5 history API

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

作者: J.晒太陽的貓 出處: https://www.cnblogs.com/jasongrass/ 本文版權歸作者和部落格園共有,歡迎轉載,但未經作者同意必須保留此段宣告,且在文章頁面明顯位置給出原文連結,否則保留追究法律責任的權利。