node.js – 如何将ReactJS与expressJS集成

2023年5月4日 236次阅读

首先,我是ReactJS的新手.我已经根据以下链接完成了简单的reactjs项目.
http://www.tutorialspoint.com/reactjs/reactjs_environment_setup.htm,我可以通过运行“npm start”来完美地运行和测试.但是当我尝试将expressJs集成为编辑/开发后跟编码时,我根本无法渲染.

的package.json

  "scripts": {
    "start": "node server.js"
  }

server.js

var express = require('express');
var path = require('path');

var app = express();

var isProduction = process.env.NODE_ENV === 'production';
var port = isProduction ? process.env.PORT : 3000;
var publicPath = path.resolve(__dirname, '/');

// We point to our static assets
app.use(express.static(publicPath));
console.log(publicPath)

// And run the server
app.listen(port, function () {
  console.log('Server running on port ' + port);
});

每当我渲染为“npm start”时,遇到如下.

Cannot GET /

最佳答案 使用快递js创建一个api,为您提供index.html页面

app.get("/", function(req, res){
    res.sendFile(dirname + "index.html");
})

在这种情况下,您将能够呈现页面.

点赞