리액트 build 시 setupProxy.js 파일

[김지혜]

안녕하세요! 빌드 관련해서 질문이 있습니다!

질문 첫번째는

메인 홈페이지를 만들면서 데이터는 서버에서 가져올수 있도록 코드를 입력했습니다.

CORS 에러가 발생해 src/setupProxy.js파일을 추가하고 proxy 주소를 입력했습니다.

그런데 npm run build 후 build디렉토리를 전부 서버에 올렸을 때 proxy관련 된 코드들은 작동하지 않고 

404에러가 나타납니다. cors 에러를 해결할 수 있는 다른 방법이 있는지 , 저 setupProxy.js와 같은 파일은 어디에 올릴 수 있는 지 궁금합니다.

 질문 두번째는

packages.json에 homepage="."를 추가했을 때 build 후 페이지는 아예 보이지 않는데 이 homepage를 필수로 추가해야하나요?

만약 필수로 추가해야한다면 무조건 도메인 주소를 입력해야하는 것인지 궁금합니다.(IP주소는 입력할 수 없나요?!!)

 

강사님의 쉬운 리액트 강의 덕분에 재미있게 입문하게 되었습니다! 감사합니다!

[codingapple]

proxy는 개발시에만 사용합니다 

실제서비스에서 리액트 ---> 서버로 데이터 요청을하려면

리액트에서 https://서버주소/data.json 이런 경로로 get요청을 하라고 코드를 짜놓으면 됩니다 도메인 없으면 서버의 ip주소도 가능할걸요 

리액트와 서버를 다른 곳에 호스팅해놨다면 cors 에러가 뜨는데 서버쪽에서 cors 보안 해제하는 코드를 짜놓으면 됩니다   

 

homepage 속성은 안써도 잘 될 수 있습니다

빈화면만 뜬다면 크롬 개발자도구에서 css js 파일들이 왜 안먹는지 경로 확인하시고 수정하면 됩니다

 

[글쓴이]

글