IT story

Azure의 정적 콘텐츠 (svg, woff, ttf)에 대한 404

hot-time 2020. 12. 30. 19:19
반응형

Azure의 정적 콘텐츠 (svg, woff, ttf)에 대한 404


glyphicons-halflings-regular.svg내 웹 사이트에 부트 스트랩을 추가하려고합니다 . 로컬에서는 모든 것이 잘 작동하지만 Azue에서는 404 오류가 있습니다.

찾고있는 리소스가 제거되었거나 이름이 변경되었거나 일시적으로 사용할 수 없습니다.

또는 staticContent내 web.config에 아래 섹션을 추가 할 때

<staticContent>
    <remove fileExtension=".woff" />
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    <remove fileExtension=".ttf" />
    <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
    <remove fileExtension=".svg" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
</staticContent>

이 오류가 발생했습니다.

경로 '/Content/fonts/glyphicons-halflings-regular.woff'에 대한 컨트롤러를 찾을 수 없거나 IController를 구현하지 않습니다.

위의 오류를 방지하려면 내 ASP.NET 사이트를 어떻게 적절하게 구성해야합니까?


.woff파일 과 같은 문제가 발생했습니다 . 해당 확장을 추가하는 솔루션이 제대로 web.config작동합니다.

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension="woff" mimeType="application/font-woff" />
  </staticContent>
</system.webServer>

(원래 솔루션 참조 : http://www.codepal.co.uk/show/WOFF_files_return_404_in_Azure_Web_Sites )


제안 된 줄을 넣었을 때 web.config작동하지 않았습니다. 대신 다음 줄을 Web.config(대문자에 유의하십시오)

<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension="woff" mimeType="application/font-woff" />
            <mimeMap fileExtension="woff2" mimeType="application/font-woff" /> 
         </staticContent>
    </system.webServer>

솔루션에 글꼴 파일을 포함하지 않았습니다. 이로 인해 게시 웹 사이트에이 파일이 포함되어 있지 않습니다.


Azure에서 연속 배포를 사용하는 경우 필요한 모든 파일의 "빌드 작업"이 없음이 아닌 콘텐츠인지 확인합니다.


글꼴 파일을 참조하는 css 파일의 경로를 수정 했습니까? 부트 스트랩은 css 파일이 css 디렉토리 안에 있고 글꼴은 css 디렉토리와 같은 수준의 fonts 디렉토리 안에 있다고 가정합니다.

Azure에서 실행하면 사이트가 릴리스 모드에서 실행될 수 있습니다. 이것은 귀하의 CSS와 자바 스크립트가 축소되고 번들임을 의미합니다. 이로 인해 때때로 설정이 깨질 수 있습니다.

내 프로젝트에 부트 스트랩을 포함 할 때 다음 설정을 수행했습니다.

/ Content 디렉토리에 부트 스트랩 파일의 압축을 풉니 다.

App_Start / BundleConfig.cs에 다음 줄을 추가합니다.

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

View / Shared / _Layout.cshtml에 다음 줄을 추가합니다.

@Styles.Render("~/Content/bootstrap/css/bundle") 
@Scripts.Render("~/Content/bootstrap/js/bundle") 

jQuery는 Bootstrap js-bundle보다 먼저 포함되어야합니다.

http://hj-dev.blogspot.no/2013/02/add-twitter-bootstrap-to-mvc4.html

참조 URL : https://stackoverflow.com/questions/18897079/404-on-static-content-svg-woff-ttf-on-azure

반응형