사이트 만들고 배포했는데 라우팅에 문제가 있는거 같아요 - 컴퓨터공학 채널

컴퓨터공학 채널

알림 알림 중 알림 취소

구독자 3395명 알림수신 19명 @SeworL

컴퓨터를 좋아하는 사람들의 모임

사이트 만들고 배포했는데 라우팅에 문제가 있는거 같아요

추천 0 비추천 0 댓글 7 조회수 196 작성일 2023-01-31 16:51:23 수정일 2023-01-31 16:53:55

https://arca.live/b/programmers/68762058

https://lustrous-croissant-99563e.netlify.app/

이거 홈화면에서부터 들어갈땐 잘되는데

https://lustrous-croissant-99563e.netlify.app/genshin

이렇게 특정경로로 바로 들어갈때는 404에러가 뜹니다. 혹시 원인이 뭔지 알수 있을까요?

react-router-dom 썼는데

경로 코드이고

이렇게 사진 누르면 그 경로로 이동할 수 있게 설정했거든요

아마 지금은 홈화면에 모든 url path가 있고 홈화면이 아닐경우를 대비해야하는데 대비를 안한거 같다고 하는데 혹시 대비 방법이 있나요?

댓글 [7] 글쓰기

렌

2023-01-31 17:37:30 답글

https://stackoverflow.com/questions/27928372/react-router-urls-dont-work-when-refreshing-or-writing-manually
여기나오는 클라 라우팅 vs 서버 라우팅의 문제일수도 있음. 대충 자스만 써서 라우팅을 하면 바로 섭루트로 들어가면 자스가 로딩이 된 상태가 아니라 “가상”의 리엑트 라우터가 제대로 시작을 못하는거임. 프론트만 만든거라면 일반 섭루트는 안되는걸로 암. 이게 문제라면 해시러우터로 해결할수있음

React-router URLs don’t work when refreshing or writing manually

I’m using React-router and it works fine while I’m clicking on link buttons, but when I refresh my webpage it does not load what I want. For instance, I am in localhost/joblist and everything is fine

여기나오는 클라 라우팅 vs 서버 라우팅의 문제일수도 있음. 대충 자스만 써서 라우팅을 하면 바로 섭루트로 들어가면 자스가 로딩이 된 상태가 아니라 “가상”의 리엑트 라우터가 제대로 시작을 못하는거임. 프론트만 만든거라면 일반 섭루트는 안되는걸로 암. 이게 문제라면 해시러우터로 해결할수있음

펼쳐보기▼

2023-01-31 18:03:24 답글

오호 읽어보겠습니다.

펼쳐보기▼

2023-01-31 19:22:58 답글

그런데 로컬호스트로 할때는 그런문제가 안생기던데 이유가 뭘까요?

펼쳐보기▼

렌

2023-01-31 20:55:15 답글

그건 모르겠네요… strict mode 문제일수도?

https://stackoverflow.com/questions/73449039/react-router-working-fine-on-localhost-but-does-not-redirect-me-properly-on-netl

React router working fine on localhost but does not redirect me properly on netlify?

My App is working perfectly on http://localhost:3000/ but when I try to run it on Netlify (https://famous-swan-6a778d.netlify.app/) the homepage loads correctly, but when I try to go to some other ...

그건 모르겠네요… strict mode 문제일수도?

펼쳐보기▼

디비네스페아르

2023-02-01 08:26:57 답글

저게 실제 주소가 아니라 라우터가 인식하는 주소라서 웹서버에 404일 경우에 대한 처리를 추가로 설정해줘야 함
nginx 경우에는 try_files $uri $uri/ /index.html; 이런식으로

펼쳐보기▼

디비네스페아르

2023-02-01 08:28:53 답글

netlify 경우에는 요기 참고
https://www.freecodecamp.org/news/how-to-deploy-react-router-based-app-to-netlify/

freeCodeCamp.org

How to Deploy a React Router-Based Application to Netlify

In this article, we’ll learn the most popular ways of deploying a React app to Netlify. We’ll also learn the configuration changes you’ll need to make to deploy a Routing-based React app. The thing I love about Netlify [https://www.netlify.com/] is that it provides a lot of useful features for free

netlify 경우에는 요기 참고

펼쳐보기▼

2023-02-01 08:44:05 답글

와 ㄳ

펼쳐보기▼

전체글 개념글

최근 최근 방문 채널

최근 방문 채널

전체 공지사항 질문/조언 읽을거리

번호 제목

작성자 작성일 조회수 추천

공지 아카라이브 모바일 앱 이용 안내(iOS/Android)

*ㅎㅎ 2020.08.18 29966887

공지 컴퓨터공학 채널 규칙 (2023-10-05 개정)

SeworL 2023.10.05 1090

공지 빠르게 원하는 답변을 받기 위해 피해야 할 질문 방식

유자차 2022.07.02 2394

공지 신문고

SeworL 2023.10.07 420

숨겨진 공지 펼치기(1개)

5731 질문/조언 님들 혹시 pdf 폰트 사이즈 어떻게 바꾸는지 아시나요 [7]

IIIllIIlIlI 2023.02.08 93 0

5730 난 왜 램만 고장이 날까 [2]

리처드g아라타 2023.02.08 123 0

5729 질문/조언 우분투 상에서 커맨드라인으로 junit을 사용해보려고 합니다. [4]

wmfrla 2023.02.08 116 0

5728 질문/조언 인터넷 속도 제한 도와주세요 [6]

1012090123 2023.02.08 142 0

5727 .json 파일 작은 따옴표 큰따옴표 따짐? [3]

논리회로 2023.02.07 141 0

5726 와 시발 docker 23 [4]

디비네스페아르 2023.02.07 192 0

5725 질문/조언 핸드폰 > 핸드폰 설정 옮기듯이 컴터도 있어? [3]

쿠자 2023.02.07 90 0

5724 질문/조언 살려주세요. 컴퓨터가 죽어갑니다. [3]

운좋은놈 2023.02.07 169 0

5723 질문/조언 이거 어케 빼냐 [4]

TTTT 2023.02.06 193 0

5722 질문/조언 ㅅㅂ 이것 때문인가 [1]

TTTT 2023.02.06 144 0

5721 질문/조언 m.2 nvme ssd가 읽기쓰기 속도 500이 나오는 게 정상임? [3]

TTTT 2023.02.06 89 0

5720 질문/조언 2년차 웹 개발자 개발용으로 쓸 노트북 조언 부탁드립니다. [3]

후르츠칵테일 2023.02.06 156 0

5719 질문/조언 레지스트리에 이상한 짱깨어같은게 있는데 이게 뭘까요? [1]

asrm 2023.02.06 148 0

5718 질문/조언 웹페이지에 드롭다운메뉴가 왜 작동을 안할까요?

메카 2023.02.06 55 0

5717 정규표현식 도저히 이해가 안되요 [6]

윤지선 2023.02.05 203 0

5716 질문/조언 비전공자가 국가 단체에서 교육 받아 취직하는 거 어찌봄? [5]

유부녀 2023.02.05 243 0

5715 질문/조언 본체 정전기 질문좀 [2]

조흔사이트 2023.02.05 64 0

5714 질문/조언 Asus 노트북 모니터 연결 질문 [2]

Wdhuw18 2023.02.05 67 0

5713 라이젠 인텔 중 뭐가 나을까?? [6]

구구까까 2023.02.04 175 0

5712 git push 원래 이럼? [5]

쭉빵카페 2023.02.04 121 0

5711 NAS OS로 OMV5쓰는사람 지금 업데이트 주의

CottenCandy 2023.02.04 100 3

5710 복사한 데이터가 클립보드 외에 어디에 기록됩니까? [3]

ㅇㅇ (118.235) 2023.02.03 154 -5

5709 질문/조언 C++ 자료구조를 뭐를 써야 할까 [13]

나제이 2023.02.03 267 1

5708 읽을거리 HDD와 SSD의 차이점 [10]

나는철수 2023.02.03 452 2

5707 읽을거리 GPG4Win 간단한 활용법 2가지 [6]

나는철수 2023.02.03 663 0

5706 질문/조언 민트 OS를 구형노트북에 설치할려고한데 이거 왜안됨? [2]

KimMinra 2023.02.03 154 0

5705 react tsx jsx 차이 [2]

인기투표 2023.02.02 111 2

5704 질문/조언 안드에서 전화오는 번호 바꾸고 싶은데

주사장 2023.02.02 83 0

5703 React session storage vs redux [6]

인기투표 2023.02.01 89 0

5702 와 오라클 무료 클라우드 개꿀 [2]

디비네스페아르 2023.02.01 213 1

전체글 개념글