>  Q&A  >  본문

페이지에 이미지가 로드되지 않음

웹 애플리케이션에서 슬라이딩 이미지를 로드하려고 하며 이를 위해 Bootstrap 캐러셀을 사용하고 있습니다. 배경에서 사진을 찍으세요. 이미지는 이미지 상태로 저장됩니다. 다음은 데이터를 가져오는 JSON 형식입니다.

으아악

이미지를 업로드한 후 Nodejs의 특수 폴더에 저장되고 거기에서 엔드포인트를 사용하여 이미지를 추출합니다. 아래는 Nodejs 코드입니다

으아악

웹 애플리케이션에서 이미지를 가져오고 표시하기 위한 ReactJs 코드는 다음과 같습니다.

으아악

근데 왜 이미지가 앱에 로딩되지 않는지 모르겠어요. 도와주시고 설명해주세요. 또한 아래 코드처럼 엔드포인트를 사용하여 img src에서 이미지를 가져옵니다

으아악

더 좋은 방법이 있으면 추천해주세요.

P粉238433862P粉238433862378일 전470

모든 응답(1)나는 대답할 것이다

  • P粉754473468

    P粉7544734682023-09-10 14:00:03

    클라이언트와 서버 사이의 네트워크 오류가 의심됩니다. 서버가 다른 포트에서 실행되고 있다고 가정하므로 React 앱이 실행 중인 포트(아마도 3000)에서 CORS 구성을 허용해야 합니다. 개발 도구, 특히 콘솔 탭을 확인하면 쉽게 알 수 있습니다.

    React 앱 정적 폴더에 이미지를 저장하면 어떨까요? 이미지는 매번 동적으로 생성되나요?

    회신하다
    0
  • 취소회신하다