web-dev-qa-db-ja.com

Azureの静的コンテンツ（svg、woff、ttf）の404

私はbootstrap 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サイトを適切に構成する必要がありますか？

asp.netasp.net-mvcazureweb-config
56
Piotr Stapp

ソリューションにフォントファイルを含めませんでした。これにより、発行Webサイトにこのファイルが含まれていません。

5
Piotr Stapp

.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 ）

72
eldi

提案された行を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>
13
maracuja-juice

Azureで継続的な展開を使用している場合、必要なすべてのファイルの「ビルドアクション」が「なし」ではなく「コンテンツ」であることを確認します。

3
Matteo Migliore

フォントファイルを参照しているcssファイルのパスを修正しましたか？ Bootstrapは、cssファイルがcssディレクトリ内にあり、fontsがcss-directoryと同じレベルのfonts-directory内にあると想定しています。

Azureで実行すると、サイトはおそらくリリースモードで実行されます。これは、CSSとJavaScriptが縮小されてバンドルされることを意味します。これにより、セットアップが中断される場合があります。

プロジェクトにbootstrap=を含めるときに、次のセットアップを行いました。

/ Contentディレクトリにbootstrap=ファイルを解凍します。

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")

Bootstrap js-bundle。の前にjQueryを含める必要があることに注意してください。

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

0
HenningJ