inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Clone coding Slack [Chat thời gian thực với React]

Gửi yêu cầu bằng axios và CORS, proxy

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

365

inust33

16 câu hỏi đã được viết

0

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

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

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

Socket.io 웹팩 typescript react babel 클론코딩

Câu trả lời 2

0

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은 비어있습니다.

0

zerocho

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

0

inust33

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

0

zerocho

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

0

inust33

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

0

inust33

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

0

zerocho

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

0

inust33

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

0

zerocho

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

0

inust33

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

0

zerocho

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

기본 셋팅과 관련하여

0

90

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

95

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

148

2

useEffect 개수 관리

0

108

2

라이브러리 서치 방법

0

103

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

151

3

npx webpack 후 에러

0

178

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

142

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

177

2

초기세팅중 packge.json 에러떠요

0

154

2

CORS - Access-Control-Allow-Origin 누락 문제

0

426

3

로그인 페이지 무한 새로고침 현상

0

598

2

Module not found: Error: Can't resolve './App' 에러

0

949

1

배포 방법

0

295

2

npm run dev 시 빌드가 매우 느려졌습니다

0

986

2

alias 경로 설정 오류

0

446

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

273

1

제네릭 질문

0

216

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

244

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

384

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

335

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

245

2