使用Digital Ocean将React源代码投入生产

Question

我正在尝试练习devOps，并考虑将我的软件部署到云配置的机器上。

源代码：https://github.com/tj/frontend-boilerplate

package.json ：

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server -d --history-api-fallback --hot --inline --progress --colors --port 3000",
    "build": "NODE_ENV=production webpack --progress --colors"
  }

在我的本地计算机上，我必须：

1. 克隆前端仓库（反应）
2. 然后npm install
3. 然后npm start

然后我将能够在浏览器中的地址localhost:3000上看到它运行

我试图在Digital Ocean托管的ubuntu机器上复制相同的场景。

1. ssh进入机器
2. 克隆前端存储库
3. npm install和npm start

然后我尝试去mycloudmachinesip:3000，但得到ERR_CONNECTION_REFUSED（无法访问该站点）

如何将前端应用程序正确部署到远程计算机上？

更新

我尝试在互联网上寻找答案，发现我必须安装并启动Nginx服务器。

因此，运行npm run build将产生一个静态目录和一个压缩的.js文件。然后，我将根目录（nginx服务器配置）指向该静态目录。

这是我的服务器配置方式（我没有域名）：

server {
    listen <myremotemachineip>:80;
    root /www/frontend-boilerplate/static;
    index index.html index.htm;
    location / {
    }
}

但是，当我在浏览器中访问我的IP时，仍然看到“欢迎使用nginx”消息。我哪里出错了？