jam
55
2020-10-21 11:24:18 작성 2020-10-21 11:33:15 수정됨
5
175

리액트 앱을 호스팅사이트에 올렸는데 에러.. 질문드립니다


리액트 입문자입니다.

localhost 에서는 npm start해서 잘 돌아가는 거 다 확인하고 이제 포트폴리오 제출하려 서버에 

올리려는데 build를 해준다음에 build 한 폴더를 fastcomet c패널 가서 올렸는데 사진처럼 에러가뜹니다...

build 된 폴더에 index.html 을 클릭하면 홈페이지가 정상적으로 떠야 되는거지요?

포트폴리오 빨리 제출해야하는데.. 급합니다...

cors 에러 같아서 검색해봤는데 감을 못잡겠습니다..

저에게 가이드를 좀 부탁드립니다. 



fastcomet 고객센터에 문의한 결과 Hello Jaemu,


Thank you for contacting FastComet Technical Support!

From what I can see your website is configured to load elements from the domain name 'dasfelynsaterr.webcam' but that website has CORS enabled and it does not allow you to use these elements on your website. The CORS rules are set up in the .htaccess of the origin domain name and said origin domain name 'dasfelynsaterr.webcam' is not hosted on your hosting package with us so we cannot make changes. You would have to get in touch with the owners/administrators of that website in order to have your domain name included so the elements can be loaded on your website.


이렇게 말합니다.

 제 홈페이지가  'dasfelynsaterr.webcam'  이 도메인 에서 데이터들을 불러오기로 설정되어서 cors 에러가 난거같다는데 전 그렇게 설정한적이 없습니다...


1
  • 답변 5

  • RWB
    326
    2020-10-21 11:48:19

    CORS는 동일한 도메인의 자원만 사용할 수 있도록 브라우저에서 제한하는 보안정책입니다.


    오류메시지 보니, https://jaemu.xyz에서 https://dasfelynsaterr.webcam 사이트의 데이터를 요청해서 사용하시는 것 같은데, 이 경우 당연히 CORS에 걸립니다.

    질문자분의 도메인은 jaemu.xyz이고, 요청하려는 사이트의 도메인은 dasfelynsaterr.webcam이니 서로 동일하지 않아 사용할 수 없습니다.

    이 경우 가장 쉬운 방법은 본인 도메인이 연결된 서버에 API서버를 하나 만들어서 우회하는 게 제일 베스트인데, 그럴 여건은 안 될것 같고, 가장 빠른 방법은 해당 서비스에 연락하여 질문자분의 포트폴리오 도메인에서 접근할 수 있도록 CORS 화이트리스트에 추가해달라고 하는 방법 밖에는 없습니다.

    물론 사내정책에 따라서 외부에 데이터를 제공하지 않는다고 하면 불가능합니다.


    급하시다면 그냥 해당 데이터 샘플로 몇개 저장하셔서 포트폴리오 파일에 같이 첨부하시고, 서비스를 호출하는 것이 아닌, 샘플데이터를 호출하여 예시데이터로 '이러이러한 형태로 구현했습니다'만 보여주시는 방법이 있습니다.

    어차피 포폴이니, 실제로 유용하게 동작하는 것 이전에 본인이 어떠한 로직으로 구성하고 보여준다' 정도만 보여주셔도 무방합니다. 본인이 별도로 AWS같은 서버를 운영하는게 아닌 이상 CORS 정책을 회피하기 힘들다는건 개발자라면 다들 알고 감안하니까요.

  • jam
    55
    2020-10-21 12:11:56

    답변너무감사드립니다. 알려주신대로 해보겠습니다

    좋은하루되세요 ㅎㅎ  다시한번 감사드립니다. !!

  • jam
    55
    2020-10-21 12:26:36

    질문하나만 더 부탁드립니다.

    저는  https://dasfelynsaterr.webcam  이렇게 설정한 적이 없는거같은데..

    저걸 데이터 요청하지 못하도록 어떻게 설정하나요..?? 웹호스팅업체쪽에서 해야하는건가요? 

    jaemu.xyz 이 도메인 하나만 사용할순없는건가요? 

  • RWB
    326
    2020-10-21 12:55:51 작성 2020-10-21 12:56:06 수정됨

    플러그인 설치하셨다면, 해당 플러그인 중 하나가 저 URL을 호출하여 뭔가 할 수도 있겠지만, 플러그인 특성 상 가능성은 희박할 것 같구요..

    제일 가능성있는데, 사용자가 작성한 JavaScript의 비동기 호출 구문(AJAX, Axios 등)에서 발생하는 경우가 99%입니다.


    아까 jaemo.xyz 접속 잘 됐었는데, 안 되는걸 보니 서버 올라간 동안 타이밍맞게 제가 접속한 거 같네요.

    찍어준 사진 보시면 index.html의 첫 번째 구문에서 오류난다고 하는걸 보니, index 페이지에 해당 구문이 있을 것 같습니다.

    소스에서 해당 URL이 들어간 부분이 있는지 한 번 확인해보세요. 그 후 해당 URL 지워주시면 됩니다.

  • jam
    55
    2020-10-21 12:58:21

    너무 감사드려요..  멘탈 다 망가져서 죽을맛인데

    덕분에 다시 열심히 해보겠습니다!!

  • 로그인을 하시면 답변 을 등록할 수 있습니다.