nginx React App在服务器上部署时呈现空白页面

afdcj2ne  于 2023-04-29  发布在  Nginx
关注(0)|答案(1)|浏览(346)

我对Web开发和服务器都很陌生,但对于一个项目,我必须在运行Nginx的服务器上部署一个React应用程序。我从互联网上找到了一些资源,发现这些资源足以运行yarn build并将文件从build目录复制到服务器。
因为我想在链接上有应用程序:https://hostname:5000/app,我将文件复制到/var/www/html/app,并对Nginx中的配置进行了以下更改:

server {
  listen <IP>:5002 ssl http2;
  listen <IP>:5001;

  ssl_certificate <path_to>/cert.pem;
  ssl_certificate_key <path_to>key.pem;

  location /app {
    root /var/www/html/;
    index /app/index.html;
  }

  location / {
    include proxy_params;
    proxy_pass http://unix:request.sock;
   }

}

在React应用程序端,我在package.json中添加了一行:"homepage":".",
不幸的是,当我访问链接时,它显示一个空白页面,在使用浏览器的devtools检查后,我发现没有错误。此外,相同的配置能够呈现创建新React应用程序时提供的演示应用程序。
我尝试了不同的解决方案,从互联网上,但不幸的是,它没有工作。React版本是"react": "^18.2.0",
最好的问候

ilmyapht

ilmyapht1#

别管这个问题了。这不是服务器端的问题。React应用程序开发人员通过在包中设置主页来解决这个问题。json并将BrowserRoute更改为HashRoute将使其正常工作。

相关问题