inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] React로 NodeBird SNS 만들기

express redirect

970

haruharu

작성한 질문수 43

0

client 주소: http://localhost:3000

server 주소: http://localhost:5000

현재 저는 쿠키 공유 잘 되며 글 작성도 잘 됩니다. 그런데 client에서 server로 요청을 보내고 요건에 부합하지 않으면 client측 화면을 redirect 시키려는데 cors 오류가 발생합니다. 어떤부분을 보면 좋을까요?

server에서 redirect 주소는 http://localhost:3000/login 이런식으로 client 주소 작성했습니다.

추가적으로 client 측에서 router.push로 서버 주소로 요청보내고 로직 수행 후 응답 결과로 res.redirect는 cors 오류 없이 잘 동작합니다. 이건 또 왜 잘 되는걸까요.?

 

react redux node.js express next.js

답변 1

0

제로초(조현영)

cors 설정을 했는데 cors 에러가 나는 것은 보통 에러로 인해서 cors 설정이 무시되었기 때문입니다. 에러부터 확인해봐야할 수 있습니다. 해당 라우터에서요.

0

haruharu

image

클라이언트측에서 cors 오류가 발생하는것같은데 어떻게하면 좋을까요?

인터넷에서 next rewrite 설정해보라해서 해봤는데 안됩니다 ㅜ 이것저것 해봤는데 제가 잘못하고있는건지 해결이 안되네요

0

제로초(조현영)

서버에서 cors 설정 하신게 맞나요??

0

haruharu

네 설정했습니다. cors 설정한거 끄면 오류 메세지가 at http://localhost:3000/login 이 아닌 http://localhost:4000 ~ 으로 뜹니다!

0

haruharu

 

제가 지금 오류관련해서 짐작하고있는건 서버측에서는 cors 설정으로 클라이언트측 주소를 적어둬서 제대로 요청 및 응답이 동작하는데

서버측에서 res.redirect가 서버측에서 클라이언트 측으로 보내는 응답이라기보다는 응답 및 요청? 이라서 클라이언트측에서 오류를 발생하는게 아닌가 싶어서 찾아보는데 해결을 못하고있습니다..

0

제로초(조현영)

근데 일단은 ajax로 로그인하시는 것 같은데 ajax에서 redirect하는게 passport 구조상 불가능합니다. a 태그로 하셔야 합니다.

0

haruharu

다시 한번 확인해보곘습니다 ㅎㅎ 답변해주셔서 감사합니다.

그리고 추가적으로 질문 두가지 있는데요.

  1. _app.tsx 에서 useEffect안에서 api 요청보내면 network 탭에 요청이 두번 가는걸로 찍히고 일반 페이지에서 useEffect내부에서 api 요청 보내면 하나찍히는데 이유가 뭘까요??

  2. 아래 사진처럼 js.js와 dom.js가 왜 여러번 network 탭에 찍히는걸 까요?? next.config.js에 reactStrictMode: false로 작성해도 동일합니다.

image

 

1

제로초(조현영)

모종의 이유로 _app.tsx가 두 번 렌더링된 것일 수 있습니다. props나 state들 로깅해보세요.

js파일 부분은 저도 확인해봐야겠습니다.

1

제로초(조현영)

js부분은 확장프로그램에서 추가하는 스크립트네요. 무시하시면 됩니다. 아니면 시크릿모드로 들어가세요.

넥스트 버젼 질문

0

79

2

로그인시 401 Unauthorized 오류가 뜹니다

0

91

1

무한 스크롤 중 스크롤 튐 현상

0

177

1

특정 페이지 접근을 막고 싶을 때

0

105

2

createGlobalStyle의 위치와 영향범위

0

97

2

인라인 스타일 리렌더링 관련

0

93

2

vsc 에서 npm init 설치시 오류

0

149

2

nextjs 15버전 사용 가능할까요?

0

160

1

화면 새로고침 문의

0

123

1

RTK에서 draft, state 차이가 있나요?

0

155

2

Next 14 사용해도 될까요?

0

452

1

next, node 버전 / 폴더 구조 질문 드립니다.

0

350

1

url 오류 질문있습니다

0

211

1

ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out

0

378

1

sudo certbot --nginx 에러

0

1282

2

Minified React error 콘솔에러 (hydrate)

0

471

1

카카오 공유했을 때 이전에 작성했던 글이 나오는 버그

0

249

1

프론트서버 배포 후 EADDRINUSE에러 발생

0

329

1

npm run build 에러

0

519

1

front 서버 npm run build 중에 발생한 에러들

0

383

1

서버 실행하고 브라우저로 들어갔을때 404에러

0

339

2

css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.

0

289

1

팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.

0

242

2

해시태그 검색에서 throttle에 관해 질문있습니다.

0

202

1