웹 애플리케이션에서 슬라이딩 이미지를 로드하려고 하며 이를 위해 Bootstrap 캐러셀을 사용하고 있습니다. 배경에서 사진을 찍으세요. 이미지는 이미지 상태로 저장됩니다. 다음은 데이터를 가져오는 JSON 형식입니다.
으아악이미지를 업로드한 후 Nodejs의 특수 폴더에 저장되고 거기에서 엔드포인트를 사용하여 이미지를 추출합니다. 아래는 Nodejs 코드입니다
으아악웹 애플리케이션에서 이미지를 가져오고 표시하기 위한 ReactJs 코드는 다음과 같습니다.
으아악근데 왜 이미지가 앱에 로딩되지 않는지 모르겠어요. 도와주시고 설명해주세요. 또한 아래 코드처럼 엔드포인트를 사용하여 img src에서 이미지를 가져옵니다
으아악더 좋은 방법이 있으면 추천해주세요.
클라이언트와 서버 사이의 네트워크 오류가 의심됩니다. 서버가 다른 포트에서 실행되고 있다고 가정하므로 React 앱이 실행 중인 포트(아마도 3000)에서 CORS 구성을 허용해야 합니다. 개발 도구, 특히 콘솔 탭을 확인하면 쉽게 알 수 있습니다.
React 앱 정적 폴더에 이미지를 저장하면 어떨까요? 이미지는 매번 동적으로 생성되나요?