인프런 커뮤니티 질문&답변

inust33님의 프로필 이미지
inust33

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

axios로 요청 보내기와 CORS, proxy

안녕하세요 제로초님! 네트워크 에러 질문드립니다

작성

·

296

0

우선 axios.post('http://localhost:3095/api/users', { email, password, nickname})이렇게 요청했을 시에 에러가 나구요, 

또 한가지는 제가 wsl을 사용하는데 리눅스 firefox로 localhost 3090에 접속하여 회원가입을 하면 CORS에러가 뜹니다.

제가 CORS에러에 대해서 완벽하게 이해하지는 못하지만, 리눅스 상에서의 접속과 일반 윈도우 브라우저 환경에서의 접속에서 CORS에러가 다르게 나타나는 이유가 있나요?

답변 2

0

inust33님의 프로필 이미지
inust33
질문자

제로초님 제가 db:seed:all을 안해서 그랬는데 

세팅 순서대로 db:create은 완료하고 npm run dev 되는 것까지는 문제가 없었는데

db:seed:all하면 오류가 뜹니다.

순서대로 캡쳐입니다.

적어두신 세팅순서에서 6번까진 되는데 7번에서 안되는 건데요

분명 db:create 했을 때 sleact가 created됐다고 떴는데 왜 db:seed:all하면 존재하지 않는다고 할까요?

mysql에 sleact db있는 것도 확인했는데 다만 table은 비어있습니다.

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

show tables; 해서 테이블 목록에 workspaces 확인해보세요.

inust33님의 프로필 이미지
inust33
질문자

밑에 수정했는데 비어있습니다

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

서버 한 번 시작해서 테이블 만드셔야 합니다. 시퀄라이즈 소스 코드쪽에서요. 또는 공지사항에 따라서 synchronize: true 해서 하실 수도 있습니다.

inust33님의 프로필 이미지
inust33
질문자

감사합니다 해결했습니다!

inust33님의 프로필 이미지
inust33
질문자

아 전부 해결했습니다. 그럼 프론트는 npm run dev가 꺼진거랑 상관없이 백엔드 서버에서 npm run dev 켜진 상태여야 페이지가 작동하는 건가요? 

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

둘 다 켜져있어야 합니다. 데이터는 백엔드가 디비에서 읽어서 보내줍니다

inust33님의 프로필 이미지
inust33
질문자

그럼 이 경우엔 콘솔 두개에서 동시에 돌리면 되는 건가요?
그리고 CORS 설정에 대한 질문인데 프론트의 proxy 설정과 백엔드의 cors 옵션은 서로 겹쳐도 상관 없는 건가요?

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

네 콘솔창 두개 띄워서 각각 돌리세요. proxy와 cors 겹쳐도 돌아갑니다.

inust33님의 프로필 이미지
inust33
질문자

감사합니다! 잘돌아가네요 :)

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

cors는 브라우저->서버 요청에서만 발생합니다. 그래서 proxy나 cors 허용 해야하는 것이고요.

inust33님의 프로필 이미지
inust33

작성한 질문수

질문하기