使用 Nginx 重定向反应子路由答案

【问题标题】：Redirect react subroutes with Nginx使用 Nginx 重定向反应子路由
【发布时间】：2019-11-14 21:52:29
【问题描述】：

我有一个带有 nginx 的服务器设置，它使用服务器块来运行多个虚拟主机、letsencrypt 和 nodejs：我使用多个虚拟部分（路由）['/dahsboard'、'/settings'等]

反向代理部分有效，但是当用户在某个部分（如 dev.myDomain.com/settings'）中刷新页面时，所有内容都消失了，显示 nginx 404 页面

server {
    server_name dev.myDomain.com;

    location / {
            proxy_pass  http://127.0.0.1:7000;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }


    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/dev.myDomain.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/dev.myDomain.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}
server {
    if ($host = dev.myDomain.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    server_name dev.myDomain.com;
    listen 80;
    return 404; # managed by Certbot


}

我试过了

location / {
    try_files /home/path/dist/index.html @proxy;
}


location @proxy { ... }

但也不起作用。

请帮忙。

【问题讨论】：

只是谷歌，在 ngnix 上反应应用程序设置。这是一个可能有效的解决方案stackoverflow.com/a/43954597/5567387

标签： javascript reactjs nginx network-programming webserver

【解决方案1】：

server {
server_name test.com;

gzip on;
gzip_types application/javascript image/* text/css;
gunzip on;

location / {
        proxy_pass  http://127.0.0.1:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    proxy_intercept_errors on;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

error_page 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 421 422 423 424 425 426 428 429 431 451 /;


listen 443 http2 ssl; # managed by Certbot
ssl_certificate /etc/letsencrypt/live/test.com/fullchain.pem; # managed by Certbot
ssl_certificate_key /etc/letsencrypt/live/test.com/privkey.pem; # managed by Certbot
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}

server {
    listen 80;
    server_name test.com;
    rewrite ^ https://$host$request_uri? permanent;
}

【讨论】：