반응 경로를 위한 nginx 구성

반응 경로를 위한 nginx 구성

내 반응 프로젝트에서 페이지를 새로 고칠 때 문제가 발생합니다. 왜냐하면 내 localhost에서 제대로 작동하기 때문에 Nginx를 구성하려고 하기 때문입니다.

저는 Nginx를 처음 접했고 2시간 넘게 성공하지 못했습니다.

문맥:

  1. React 경로를 사용하여 React에 2개의 프로젝트가 있습니다. 두 프로젝트 모두 구성해야 하지만 먼저 하나를 구성하려고 합니다.

  2. 내 첫 번째 프로젝트는 에 있고 /var/www/html/app두 번째 프로젝트는 /var/www/html/dashboard모두 잘 작동합니다 http://MY_IP/app.http://MY_IP/dashboard

  3. 파일을 열었습니다 /etc/nginx/sites-enabled/default(많은 commet을 제거했습니다).

server {
    listen 80 default_server;
    listen [::]:80 default_server;
    root /var/www/html;
    index index.html index.htm index.nginx-debian-html;
    server_name _;
    location / {
        try_files $uri $uri/ =404;
    }
}

그리고 나만 변경되었습니다.

  • try_files $uri $uri/ =404; -> try_files $uri $uri/ index.html;
  • root /var/www/html; -> root /var/www/html/app;

콘솔에서 다음을 수행합니다.sudo systemctl restart nginx

문제:

변경했는데 아무 일도 일어나지 않고 페이지가 http://MY_IP/app비어 있습니다.

다양한 변형을 시도했지만 새로 고침하면 http://MY_IP/app/sale오류가 계속 발생하고 경로가 작동하지 않습니다.

내가 뭘 잘못하고 있는 걸까요?, 수정해야 할 올바른 파일인가요?, 어떤 제안이라도 놀라울 것입니다.

메모:

  • 내 nginx는 EC2(aws)에 있습니다.

감사해요.

관련 정보