时间戳

首页 > 解决方案 > 如何在数字海洋上部署 React 应用程序？

reactjs - 如何在数字海洋上部署 React 应用程序？

问题描述

我是 react 新手，之前没有使用过数字海洋来部署任何代码。

我想在数字海洋上部署一个反应应用程序。经过一些研究，我浏览了一些教程和文档，但我无法以简单的语言获得分步指南。通过一些视频和文档，我知道它可以通过nginx并且它还提供ssl证书。另外，我想连接到我在数字海洋上的域。我提到了这个文档。

我做的步骤 -

  1. 反应应用程序构建npm run build。
  2. 安装node.js在数字海洋上。
  3. 安装npm在数字海洋上。
  4. 下载并安装nginx。
  5. PM2在服务器上使用。

完成所有这些步骤后，我无法加载我的应用程序。它显示资产的断开链接。

注意：我使用的是数字海洋的控制台。

标签： reactjsnginxdeploymentdigital-ocean

解决方案

你的 React 应用部署不需要 PM2，你可以使用 Nginx。

npm run build使用您的应用程序的生产构建创建一个构建目录。

并/etc/nginx/sites-enabled/default使用以下内容进行更新：

server {
        listen 80 default_server;
        server_name _;
        include /etc/nginx/mime.types;

        root  ABSOLUTE_PATH_TO_YOUR_BUILD_DIRECTORY;
        index  index.html index.htm;

        location / {
                try_files $uri $uri/ /index.html;
        }
}

现在重新启动nginx，您将看到您的应用程序在您的 Droplet 的 IP 地址上运行。

sudo service nginx restart

推荐阅读