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

Question

I'm wondering if there is an easy way to deploy an express server that serves different apps on different routes. (Not a front end and and api.) So, for instance let's say I wanted to run a "Hello World." app through a finite number of routes (like a home/landing page) and then deploy a "My app" app through a certain URL route with each react app using react router. Is this possible? If so, how can it be done?

Answer 1

U should provide homepage in package.json for each react-app, for example

---

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

for app1 package.json homepage: "/app1"

for app2 package.json homepage: "/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"))
})

I hope I was able to help

Edit:

Also you can provide basename prop for BrowserRouter or HashRouter

For app1 basename="app1" and for app2 basename="app2"