javascript - 使用express.js 路线设置来 react 应用程序

Question

我使用的是 angular.js，我在express.js 中执行此操作

app.get("*", function (req, res) {
  res.redirect('/#' + req.originalUrl)
})

这样浏览器将使用 Angular 的路由而不是 Express 的路由。但是如何使用 React Router 做到这一点呢？我有 2 个文件夹，分别名为服务器和客户端，服务器文件夹具有 Express 和 api 逻辑，而客户端文件夹只是一个 React 应用程序。

Answer 1

您需要将应用程序渲染到的 HTML 文件的路径放入

app.get("/",(res,res) => {
res.sendFile('put the path of the html file you are rendering your app into here');
}

这是一个与 React 一起使用的 Express server.js 示例

var express = require('express');
var bodyParser = require('body-parser');
var logger = require('morgan');

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

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:true}));
app.use(bodyParser.text());
app.use(bodyParser.json({type: 'application/vnd.api+json'}));

app.use(express.static('./public'));

app.get('/', function(req,res){
    res.sendFile('./public/index.html');
});


app.listen(PORT, function(){
    console.log("Listening on port: " +  PORT);
});