reactjs+express+api接口部署

1. 开发完成的react项目yarn build，得到build目录

   

   image.png

2. 创建express项目index.js

const express = require('express');
const path = require('path');
const proxy = require('http-proxy-middleware')//反向代理
const app = express();

app.use(express.static(path.join(__dirname, '/build')));

//响应react项目中的/api*的请求(api和前端页面不在同一个域名)
app.use('/api.php',proxy({ target: 'https://domain', changeOrigin: true }))

app.get('*', (req,res) =>{
    res.sendFile(path.join(__dirname+'/build/index.html'));
});

const port = process.env.PORT || 5000;
app.listen(port);

console.log('App is listening on port ' + port);

image.png

3. pm2运行项目pm2 start index.js
4. (可选择)将nginx配置反向代理到pm2运行的地址端口