부트스트랩 아이콘이 로컬과 온라인에서 다르게 로드되는 이유는 무엇입니까?

로컬 및 온라인 환경에서 Bootstrap 아이콘 로드 불일치

이 경우 Bootstrap 아이콘을 로컬로 로드하는 것과 온라인으로 로드하는 것의 차이는 차이점에서 발생합니다. 파일 경로가 활용되고 있습니다. 로컬에서는 브라우저가 "/Content/fonts/glyphicons-halflings-regular.woff"에서 필요한 글꼴 파일을 로드하려고 시도하는 반면, 온라인에서는 "/fonts/glyphicons-halflings-regular.woff"에서 파일을 검색합니다.

이 동작의 근본 원인은 CSS 파일에 사용되는 번들링 프로세스에 있습니다. 번들링 시 CSS 파일은 단일 파일로 병합되어 상대 경로 참조가 변경됩니다. 결과적으로 애플리케이션은 온라인에 배포될 때 "Content" 폴더가 아닌 루트 폴더에서 글꼴 파일을 찾을 것으로 예상합니다.

해결책:

이 문제를 해결하려면 번들 이름에 적절한 하위 폴더 이름을 추가하여 번들링 프로세스를 조정하세요. 예:

bundles.Add(new StyleBundle("~/Content/css/bootstrap").Include(
                "~/Content/css/bootstrap.css"));

번들 이름에 "Content/css" 경로를 포함하면 브라우저가 올바른 하위 폴더 내에서 필요한 파일을 검색하여 로컬 환경과 온라인 환경 간의 불일치를 해결합니다. .

위 내용은 부트스트랩 아이콘이 로컬과 온라인에서 다르게 로드되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!