강의

멘토링

커뮤니티

Inflearn Community Q&A

inust332926's profile image
inust332926

asked

Slack Clone Coding [Real-time Chat with React]

Sending requests with axios and CORS, proxy

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

Written on

·

355

0

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

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

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

Socket.io웹팩typescriptreactbabel클론코딩

Answer 2

0

inust33님의 프로필 이미지
inust33
Questioner

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

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

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

순서대로 캡쳐입니다.

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

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

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

zerocho님의 프로필 이미지
zerocho
Instructor

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

inust33님의 프로필 이미지
inust33
Questioner

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

zerocho님의 프로필 이미지
zerocho
Instructor

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

inust33님의 프로필 이미지
inust33
Questioner

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

inust33님의 프로필 이미지
inust33
Questioner

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

zerocho님의 프로필 이미지
zerocho
Instructor

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

inust33님의 프로필 이미지
inust33
Questioner

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

zerocho님의 프로필 이미지
zerocho
Instructor

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

inust33님의 프로필 이미지
inust33
Questioner

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

0

zerocho님의 프로필 이미지
zerocho
Instructor

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

inust332926's profile image
inust332926

asked

Ask a question