Vite Reactjs 웹 사이트 앱이 프로덕션에서 API를 호출하지 않지만 localhost에서는 제대로 실행됩니다.

Question

Netlify에 내 애플리케이션을 배포하려고 합니다. 랜딩 페이지는 일련의 이미지를 가져와 갤러리 효과를 만듭니다. localhost의 로그인 페이지 내 로컬 컴퓨터에서는 제대로 실행되고 있지만 배포 후에는 API가 호출되지 않고 애플리케이션이 로드 상태에 있습니다. Netlify 서버의 로그인 페이지. 개발 도구의 네트워크 탭에서 API가 localhost에서 호출되고 있음을 발견했습니다. 로컬호스트 네트워크 탭 그리고 개발 서버에서는 API 요청이 트리거되지 않습니다. 서버 네트워크 탭을 배포합니다.

API 호출 코드는 다음과 같습니다. API 호출 코드

어떻게 해야 할지 모르겠습니다. 프로덕션 환경에서 API가 작동하도록 하려고 합니다.

Answer 1

귀하의 useEffect中，你没有调用fetchImage에 있지만 반품하는 경우.

윌

으아악

이(가)

로 수정되었습니다. 으아악

직접

으아악

로컬 환경에서 작동하는 이유가 좀 흥미롭네요. 당신이 useEffect钩子函数中返回一个函数时，它将在组件的销毁阶段使用，这意味着当React卸载组件时会调用该函数。在开发模式下，React在挂载组件后会卸载和重新挂载组件，从而调用fetchImage에 있을 때 - 당신의 파괴 기능. 빌드 환경에서는 이런 일이 발생하지 않습니다.