反应式应用如何在服务器上进行设置？

Question

我试图了解需要做什么才能将我的react应用上线。

到现在为止，我在我的Mac上用了 npm start和访问 localhost:3000 或 http://127.0.0.1:3000.

所以我目前已经买了一个小型服务器，安装了所有的东西（最后一个版本的 node 和 npm在我做完这些工作后，我把我的repo克隆出来，并安装了所有的依赖关系。

当我做 npm start 在服务器上，它说它在3000端口可用。但当我在服务器的ip上输入以下内容时 :3000，它超时了。

我不太明白需要做什么，我找到了一些关于在服务器上配置apache的东西，还有一些关于使用 pm2 所以有一个node脚本运行，即使离开终端后，但这将是我的下一步，我猜。和其他关于配置的东西与快递（但我需要的是 node+ express 这里？因为这是一个简单的前端react页面？）。)

Answer 1

如果你正在使用 webpack devserver，仅用于开发

本指南中的工具仅用于开发，请避免在生产中使用!

回到你的问题，有 捆绑在一起的区别 127.0.0.1 或具有约束力 0.0.0.0

试着改变 devserver监听 0.0.0.0

webpack.config.js

module.exports = {
  //...
  devServer: {
    host: '0.0.0.0'
  }
};

通过CLI使用

webpack-dev-server --host 0.0.0.0

还需要注意的是，你需要允许入口规则（传入连接），即允许来自互联网的请求到达你的服务器

Answer 2

在服务器上部署应用时，你要做很多配置。构建应用程序，Nginx，pm2，甚至ssl认证。这个视频是20分钟，有你需要的所有内容。https:/www.youtube.comwatch?v=oykl1Ih9pMg&t=1s