reactjs - 我有 nginx 运行，但它不服务于我的 react 构建

Question

我在ubuntu上运行。我的电脑上运行着 nginx。当我在浏览器中访问我的 IP 地址时，我得到了 nginx 的欢迎页面，但我看不到我的 react 应用程序。我只是收到一个 404 错误，上面写着 nginx。我的应用程序是使用 create-react 应用程序构建的 react 应用程序。我使用 npm run build 进行了构建。我在站点可用 nano 中创建了一个站点。看起来像

   server {
   server_name 192.168.43.177;
   root home/a/Documents/d/dapp1/mainDapp/client/build/;
   index index.html;
   location / {
   try_files $uri /index.html =404;
   }
}

起初我跑

sudo ln -s /etc/nginx/sites-available/sdft /etc/nginx/sites-enabled/sdft

这会在浏览器中显示 nginx 的 404 错误页面。然后我运行了这个命令

sudo ln -s /etc/nginx/sites-available/sdft.nginx /etc/nginx/sites-enabled/sdft.nginx

当我在浏览器中访问 IP 地址时显示“无法访问此站点”
每次编辑文件时，我都会重新启动服务器，但错误页面上没有提及 nginx。

systemctl restart nginx

请帮我。

Answer 1

我正在添加另一个答案。
您想要导航到 IP (192.168.43.177)。 Web 服务器监听端口 80(默认情况下)。
当我转到我的 ip 地址时，我得到了 nginx 的欢迎页面......是这样的吗？

如果是，nginx 工作正常。转到/etc/nginx/sites-available/default 并查看根的路径是什么。

在上面的示例中，路径是/var/www/html。您应该将您的构建复制到此路径，即您的 index.html 必须在此处。
您不必更改默认值中的任何内容。