关于使用express作为spa应用服务的问题

Posted 2021-11-05 cangqinglang

前端工程师应该知道，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;