[React] 서버연결 에러 해결방법

XCC629·2022년 4월 2일
0

frontend

목록 보기
2/16

문제상황

서버 연결 안됨. 프론트에서 임시적으로 해결할 수 있는 방법이 필요한 상황

해결방법

개발자도구의 네트워크 확인 후 에러 이유마다 다른 대처하기

1.cors 문제 경우

├ package.json에 프록시 추가

"proxy":"http://...."

├fetch url은 endpoint 이후만 작성

fetch("/login",...)

외부 서버를 로컬서버인척 속여서 cors문제를 피하는 임시적인 방법이라고 한다. 개발 동안은 백엔드 개발자에게 모든 url을 허용할 수 있도록 설정해달라고 말하기.

2. 500 뜨는 경우

프론트 서버를 닫았다가 열자.
서버를 킨 상태로 하게 되면 변경 사항이 적용이 안되는 것 같다

3. favicon 문제

favicon이 없는 경우 생기는 문제이다.
├index.html

헤더 부분에 favicon을 추가해주자
<link rel="shortcut icon" href="data:image/x-icon" type="image/x-icon" />
profile
프론트엔드 개발자

0개의 댓글