아이콘 및 PWA 파일 404 오류

/icon/ 및 /pwaIcons/ 파일이 Nginx가 참조하는 경로에 없어서 오류가 발생했다.

➡️ 우선 Next.js 프로젝트의 public 디렉토리에서 /icon/과 /pwaIcons/ 파일 위치를 확인한다.

ls -a /home/ubuntu/frontend/front/public

➡️ 지금 Nginx가 읽고 있는 루트 경로인 /var/www/html/icon/ 과 /var/www/html/pwaIcons/로 복사해준다.(폴더가 없으면 루트 경로에서 생성 먼저 한다. sudo mkdir icon sudo mkdir pwaIcons )

sudo cp -r /home/ubuntu/frontend/front/public/icon/* /var/www/html/icon/
sudo cp -r /home/ubuntu/frontend/front/public/pwaIcons/* /var/www/html/pwaIcons/
sudo cp -r /home/ubuntu/frontend/front/public/manifest.json /var/www/html/

➡️ 파일 복사 후 Nginx에서 접근할 수 있도록 권한 설정.

sudo chown -R www-data:www-data /var/www/html/icon /var/www/html/pwaIcons /var/www/html/manifest.json 
sudo chmod -R 755 /var/www/html/icon /var/www/html/pwaIcons /var/www/html/manifest.json 

✅ 해결!