node.js - 如何在同一服务器中使用 Node js重定向到react js应用程序？

Question

我有两个不同的react js应用程序，我想根据url将用户重定向到应用程序

示例:

app.get('/' , (req,res,next) => {
  // redirect to first SPA
});

app.get('/admin' , (req,res,next) => {
  // redirect to another SPA
});

Answer 1

如果要从 Node.js 服务器提供 React 应用程序，只需发送每个应用程序的 index.html:

app.get('/admin', (req, res) => {
  res.sendFile('admin_app/index.html');
});

app.get('/', (req, res) => {
  res.sendFile('public_app/index.html');
});

如果这些文件是从同一台计算机上的不同进程提供的，您将必须代理请求:

const httpProxy = require('http-proxy');
const proxy = httpProxy.createServer({});

app.get('/admin', (req, res) => {
  proxy.web(req, res, { target: 'http://localhost:3006/admin' });
});

app.get('/', (req, res) => {
  proxy.web(req, res, { target: 'http://localhost:3006/' });
});

只要 127.0.0.1:3006 上的进程监听所有公共(public)地址，重定向也可以工作。但重定向包括用户浏览器导航到不同的 URL。例如。如果您的 Node.js 服务器运行在 example.com(即端口 80，浏览器省略)并重定向到其他进程，则浏览器现在将显示 example.com:3006。通过代理请求，URL 将保留在 example.com 上。