使用 nginx 的 react.js 应用程序出现 404 或刷新

Question

我有一个后端 node.js 应用程序（系统目录）和一个前端 react 应用程序（管理目录）。我使用 nginx 作为 Web 服务器。

我可以很好地加载我的前端。但是当我刷新时，它给出 404。我查看了 nginx 指令，但我不确定它是如何工作的，因为我没有设置这个项目。我知道 react 使用 react-router，而 nginx 不知道它。

我的 nginx conf 文件是：

server {
    listen 80;
    server_name lcl.notification.com;
    root /home/development/www/notifications/system/public;
    access_log  /var/log/nginx/notify.access.log;
    error_log   /var/log/nginx/notify.error.log debug;
    rewrite_log on;
    client_max_body_size 10M;
    location / {
        return 301  https://www.google.com;
        break;
    }
    location /panel {
        alias /home/development/www/notifications/admin/build/;
        index index.html;
        try_files $uri $uri/ =404;
        # Include headers
        include includes/headers.conf;
    }

登录后，它会打开 /panel uri。但刷新时，它会显示 404。