如何通过一个express服务器部署不同的react web应用程序?

Question

我想知道是否有一种简单的方法来部署一个快速服务器，在不同的路线上服务不同的应用程序。(不是前端和api。)例如，假设我想运行"Hello World。"应用程序通过有限数量的路径(如主页/登陆页)，然后部署一个"我的应用程序";每个react应用都使用react router，通过一个特定的URL路由。这可能吗?如果可以，怎么做呢?

Answer 1

应该为每个react-app提供package.json中的homepage，例如

---

__
|_ app1/
|_ app2/
|_ server/

用于app1包。jsonhomepage: "/app1"

用于app2包。jsonhomepage: "/app2"

Express server code:

app.use("/app1", express.static(path.resolve(__dirname, "../app1/build")))
app.use("/app2", express.static(path.resolve(__dirname, "../app2/build")))
app.get("/app1", (_req, res) => {
res.sendFile(path.resolve(__dirname, "../app1/build/index.html"))
})
app.get("/app2", (_req, res) => {
res.sendFile(path.resolve(__dirname, "../app2/build/index.html"))
})

希望我能帮到你。

编辑:

也可以为BrowserRouter或HashRouter提供basenameprop

For app1basename="app1"and For app2basename="app2"