[Firebase] Firebase 배포 후 404 Page Not Found Error & 새로고침 후 URL 과 화면 불일치 이슈

아주 당황스러워

 

페이지 테스트하느라 배포하고 경로 직접 접속했더니 뜨는 페이지.

분명 local 에서는 문제 없었는데....

 

기록용으로 간단하게 해결방법 남긴다!

 

 

🔥 이거면 끝!

루트 경로에 firebase.json 파일로 가서, "hosting" 안에 

"rewrites" 이 부분을 추가하자.

배포하게 되면 이 경로를 읽고 404 페이지는 안뜨게 된다.

{
  "hosting": {
    "public": "out",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

 

해결 완료. 다시 개발하러..

 

 

 

 

🧨 세상에;;; 새로고침했는데 자꾸 홈 화면이 뜬다???

local 에서는 현재 URL 에 맞는 화면이 떴는데

배포하고나서는 새로고침하면 자꾸 홈화면으로 간다.

진짜 세상 소름 끼쳐서 

알고보니 firebase.json 속성을 하나 빼먹은것.

 

[
  "hosting": {
    "public": "out",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "cleanUrls": true,
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
]

 

"cleanUrls": true

이거 한줄 때문에 꽤 오래 고생했다 ^^.

다들 빼먹지마 ...