为创建反应应用程序设置代理服务器

Question

我已经使用create-react-app 启动了一个反应应用程序并运行npm run eject 脚本来访问所有文件。之后我安装了 express 并创建了与 package.json 文件位于同一级别的 server.js 文件

这些是server.js 文件内容：

const express = require('express');
const app = express;

app.set('port', 3031);

if(process.env.NODE_ENV === 'production') {
  app.use(express.static('build'));
}

app.listen(app.get('port'), () => {
  console.log(`Server started at: http://localhost:${app.get('port')}/`);
})

这里没有什么疯狂的，只是为将来需要使用机密的 api 代理设置，因为我不想暴露我的 api。

在此之后，我将"proxy": "http://localhost:3001/" 添加到我的package.json 文件中。我现在卡住了，因为我需要弄清楚如何正确启动我的服务器并在开发模式和生产模式中使用这个 server.js 文件。

理想情况下，如果我们可以使用多个代理，即/api 和/api2，那也是很好的

Answer 1

您不必弹出来运行您的 server.js。您可以使用node server.js 和create-react-app 一起运行它。

即使在弹出以启动您的开发服务器后，您仍然可以使用npm start。

要运行/api1 和/api2，您只需在server.js 文件中处理它，它应该可以正常工作。您需要匹配server.js 中的port 和package.json 中proxy 设置中的package.json - 在这种情况下，它应该是"proxy": "http://localhost:3031"