sparcs-kaist / zabo-front-reactjs

Image and Poster Advertising Service @ KAIST
https://zabo.sparcs.org
MIT License
19 stars 7 forks source link

[Bug] 브라우저에서 캐시가 남아있을 때 공유 url을 클릭하면 404 오류가 발생함 (재현 불가) #184

Closed withSang closed 11 months ago

withSang commented 1 year ago

Describe the bug

가끔씩 이미 웹브라우저에서 자보가 열린 상태에서 공유 url( 예시: https://zabo.sparcs.org/s/86f104 )을 열면, 백엔드로 보내져야 할 "/s/86f104" path에 대한 요청이 react-router 단에서 처리되어 404 오류가 표시됩니다. 쉽게 재현이 안 돼서 당장 작업은 힘들 것 같습니다. 지금 당장은 두 가지 해결 방법이 가능할 것 같습니다. 더 많은 아이디어들도 감사히 받습니다.

  1. react-router에서 "/s" 경로에 대해서 라우팅하지 않도록 설정합니다. 잠깐 찾아봤는데 코드가 깔끔한 해결책은 아닌 것 같습니다. ( 참조: https://stackoverflow.com/questions/38062265/prevent-react-router-from-routing-a-server-api-path?rq=4 )
  2. 현재 백엔드에서 html head에 og-image 속성을 추가해주고 있는 것을 프론트엔드를 서빙할 때 추가해주는 것으로 이전합니다. 이 경우 기존의 짧은 공유 zabo id ("86f104")는 사용할 수 없습니다.

To Reproduce

Steps to reproduce the behavior:

  1. 웹브라우저에서 자보를 열어둠
  2. 해당 상태에서 https://zabo.sparcs.org/s/86f104 를 새 탭에서 열기
  3. 404 오류가 표시됨

Screenshots

If applicable, add screenshots to help explain your problem.