我对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",
。
最好的问候
1条答案
按热度按时间ilmyapht1#
别管这个问题了。这不是服务器端的问题。React应用程序开发人员通过在包中设置主页来解决这个问题。json并将BrowserRoute更改为HashRoute将使其正常工作。