• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 redirection 문제

redirection 문제

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #15266

    김민성
    참가자

    demo 버전 확인을 위해 netlifty로 배포를 했습니다. 그 과정에서 redirection 개념을 알게됐습니다. 그래서 netlify에서는  url로 접속했을 때 /index.html로 접근하게 해서 page not found 문제를 해결했습니다.

    그래서 저의 프로젝트 내에서도 오류 페이지 접근 문제를 처리하려고 라우팅을 추가했습니다. 존재하지 않는 url로 직접 접근하려할 때, 404 오류를 아래와 같이 처리했습니다. 

     

    <Route path="*">
                        <Suspense fallback={<Spin indicator={antIcon} />}>
    </Route>

     

    그런데 문제가 되는 부분이 useParams를 이용한 부분이였습니다. /manshoes/~~~ 이 경우엔 페이지 오류처리를 어떻게 해줘야하나요??

    또한 상세페이지에서 더보기 버튼으로 상품을 추가해서 렌더링이 되어도 url로 직접 접근하려하면 HTML이 만들어지지 않은 상태로 인식해서 그런지 계속 아래와 같이 오류가 뜨더군요. 기존 페이지에 존재하던 상품들은 url로 접근이 잘 됩니다. 추가된 상품들은 렌더링이 되어도 오류가 발생합니다. 이런 오류 처리를 어떻게 해줘야하나요??

    TypeError: Cannot read properties of undefined (reading 'imageUrl')

    #15277

    codingapple
    키 마스터

    /detail/5 이렇게 직접 입력하는건 리액트가 아니라 서버에게 /detail/5 페이지를 달라는 요청이기 때문에

    서버가 없는 사이트의 경우 404 에러가 뜹니다

    그래서 "detail 컴포넌트 로드시 현재 상품정보를 get요청해서 찾아오세요" 라고 코드를 짜거나 

    hashrouter를 쓰거나 하면 해결될 수 있습니다 

     

     

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠