關於使用express做爲spa應用服務的問題

前端工程師應該知道，spa是基於前端路由的單頁面應用，若是服務端不作相應的配置，會常常出現404的問題。

通常的作法是默認返回應用的首頁。

express

// 安裝相關依賴
npm install connect-history-api-fallback

// 簡單配置
const history = require('connect-history-api-fallback');

app.use(history()); 
app.use(express.static(directory));

注意在static前加入配置

詳細介紹

nginx

通常的解決方案是配置try_files屬性

try_files $uri $uri/ /spa/index.html =404;