單頁面路由的history模式后端配置

使用vue-router來實現的單頁應用，訪問http://cnode.lsqy.tech，進入首頁，點擊按鈕跳入另一個路由，一切都是很正常的，但當這時刷新頁面，發現就會出現404了。出現這樣的錯誤Cannot GET /message/，因為默認瀏覽器會認為你是在請求服務端的路由，服務端那邊沒有對應的處理，所以自然就會出錯了。

可以引入connect-history-api-fallback中間件來解決

var http = require('http');
var express = require('express');
var ecstatic = require('ecstatic');  // 寫靜態服務器
var history = require('connect-history-api-fallback');

var app = express();

app.use(history());
app.use(ecstatic({ root: __dirname + '/dist' }));

http.createServer(app).listen(6565);

 

 

原文：https://blog.csdn.net/github_36695991/article/details/100166737