리액트 node 서버 웹페이지 새로고침 오류

리액트 node 서버 웹페이지 새로고침 오류

QA

리액트 node 서버 웹페이지 새로고침 오류

본문

링크 통해서 서브페이지 이동하면 정상적으로 출력 되지만

http://localhost:3001/sub01 이동 후 새로고침 하면 경로를 못찾는듯 오류 나네요..

 

32936023_1725083723.825.png

 

구글링 해본 결과.. 새로고침해도 현재 브라우저 경로에서 컴포넌트가 실행되게끔

아래의 코드의 어떤 경로가 .. 수정이 되어야 한다는데 나와 있는 방법으론 해결되는 코드가 없네요..

 

혹시 아시는분 계실까요~?

 


app.get('/', (req, res) => {        
    req.sendFile(path.join(__dirname, '/build/index.html'));
})

이 질문에 댓글 쓰기 :

답변 2


app.get('/', (req, res) => {        
    req.sendFile(path.join(__dirname, '/build/index.html'));
})
이렇게 라우터를 지정할 경우 루트 경로에 대한 라우터만 지정이 되어 있는 상태입니다. 따라서 모든 경로에 대해서 index.html 파일로 접속을 하고자 한다면, 위의 베르만님 말씀처럼 라우터를 추가로 설정해 주시면 됩니다. 하지만 위처럼 모든 요청을 index.html 로 설정할 경우 이미지나,js파일,css 파일등의 요청을 불러오지 못하는 상황이 발생합니다. 때문에 정적파일에 대한 라우터는 별도로 설정을 해주시는 게 좋습니다.
// 정적 파일 제공 설정 예시

app.use('/upload', express.static(path.join(__dirname, 'upload')));
app.use('/assets', express.static(path.join(__dirname, 'assets')));
답변을 작성하시기 전에 로그인 해주세요.
전체 191
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT