node.js - ReasonReact.Router 实现和使用 Express 服务器提供静态文件

Question

我已经使用ReasonReact 中提供的路由功能实现了路由。看起来像这样。它工作得很好，直到我让它由 node.js 快递服务器提供服务。它仍然会路由，但是当我刷新时，我会得到例如cannot GET /about. 似乎服务器正在尝试提供不存在的目录或文件。我试图将安装路径从更改"/"为"*"，但无济于事。

任何人都知道如何在 Node.js Express 服务器提供的 ReasonReact 应用程序上进行路由工作？

这是我的服务器的样子：

import express from "express";
import path from "path";

const app = express();
const PORT = process.env.PORT || 3000;

//serve static files
app.use(express.static(path.resolve(__dirname, "..", "..", "my-reason-react-app", "public")));
app.get("/", (req, res) => {
  res.sendFile(path.join(__dirname, "..", "my-reason-react-app", "public", "index.html"));
});

app.listen(PORT, () => {
  console.log(`listening on http://localhost:${PORT}`);
});

Answer 1

快递应用程序提供静态文件的方式是问题所在。解决问题的最简单的解决方案是将服务器与客户端放在同一目录中。