반응 패키지 이미지 경로가 잘못된 경우 수행할 작업

반응 패키지 이미지의 잘못된 경로에 대한 해결 방법: 1. 빌드 폴더를 IIS에 직접 배치합니다. 2. index.html에서 참조 리소스를 수정하고 "/static" 앞에 있는 "/" 기호를 제거하여 액세스합니다. 페이지 콘텐츠.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

리액트 패키지 이미지의 경로가 잘못된 경우 어떻게 해야 하나요?

리액트 패키징 후 잘못된 이미지 및 리소스 경로에 대한 해결 방법

패키징 프로그램을 실행한 후yarn run build

추가 빌드 폴더를 볼 수 있습니다. 액세스하려면 빌드 폴더를 서버에 배포하기만 하면 됩니다. index.html을 직접 열면 오류가 보고되고 이미지와 리소스를 로드할 수 없습니다.

IIS에 직접 올려놓았는데, 테스트해보니 문제가 없었습니다.

물론 로컬 액세스가 필요하지 않다면 index.html의 참조 리소스를 수동으로 이해하고 수정하면 됩니다. 즉, [/static] 앞의 [/]를 제거하면 페이지 콘텐츠에도 접근할 수 있습니다.

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응 패키지 이미지 경로가 잘못된 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!