要从Express服务器运行React应用程序,您可以按照以下步骤操作:
build
的文件夹,其中包含用于生产部署的优化代码:npm run build
express
和path
模块,它们是构建服务器所需的依赖项:npm install express path
server.js
,用于设置和运行Express服务器。在server.js
中添加以下代码:const express = require('express');
const path = require('path');
const app = express();
// 静态资源服务
app.use(express.static(path.join(__dirname, 'build')));
// 所有路由请求都返回React应用程序
app.get('*', (req, res) => {
res.sendFile(path.join(__dirname, 'build', 'index.html'));
});
// 启动服务器
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
node server.js
http://localhost:3000
来访问。这样,您就成功地将React应用程序部署到Express服务器上运行了。请注意,上述步骤是基于您已经安装了Node.js和React的前提下。此外,如果您的React应用程序需要与后端API进行交互,您可能需要在Express服务器中配置路由来处理这些API请求。
领取专属 10元无门槛券
手把手带您无忧上云