React应用程序不会从Nginx反向代理设置的URL位置启动,但当端口显式设置时会启动

qyuhtwio  于 2023-04-05  发布在  Nginx
关注(0)|答案(1)|浏览(147)

我试图在一个单独的端口上运行一个单独的react应用程序,并使用从nginx到位置'/app'的代理传递
http://localhost/app“-〉React应用
应用程序在PM2下运行,使用其生成的构建,命令为:'pm2服务构建3002'。
我的想法是我做所有这些测试本地,然后将端口到我自己的域。
我已经将“localhost”替换为“127.0.0.1”,以防这与它有任何关系。
从在线教程中,我在我的nginx“../sites-available/my_domain”文件中结束了以下内容

server {
        listen 80;
        listen [::]:80;

        server_name localhost;

        location / {
                root /var/www/my_domain/html;
                index index.html index.htm index.nginx-debian.html;
                try_files $uri $uri/ =404;
        }

        location /app {
                proxy_pass http://localhost:3002;
                proxy_http_version 1.1;
                proxy_set_header Upgrade $http_upgrade;
                proxy_set_header Connection 'upgrade';
                proxy_set_header Host $host;
                proxy_cache_bypass $http_upgrade;
        }
}

如果我在URL中输入“http://localhost:3002”,它可以正常工作,但是“http://localhost/app”不工作,并显示404错误。
旁注:“http://localhost”工作正常,并指向存储在根目录的index.html。

kt06eoxx

kt06eoxx1#

在您的配置中,服务器地址后面缺少/,类似于:位置/应用程序{代理_传递http://localhost:3002/;

相关问题