ブートストラップ アイコンの読み込みがローカルとオンラインで異なるのはなぜですか?

ローカル環境とオンライン環境でのブートストラップ アイコンの読み込みの不一致

この例では、ローカル環境とオンライン環境でのブートストラップ アイコンの読み込みの不一致は、ファイルパスが使用されています。ローカルでは、ブラウザーは必要なフォント ファイルを「/Content/fonts/glyphicons-halflings- Regular.woff」からロードしようとしますが、オンラインでは「/fonts/glyphicons-halflings- Regular.woff」でファイルを検索します。

この動作の根本原因は、CSS ファイルに使用されるバンドル プロセスにあります。バンドルすると、CSS ファイルは 1 つのファイルにマージされ、相対パス参照が変更されます。その結果、アプリケーションはオンラインで展開されると、「Content」フォルダーではなくルート フォルダーでフォント ファイルが見つかることを期待します。

解決策:

この問題を修正するには、バンドル名に適切なサブフォルダー名を追加してバンドル プロセスを調整します。例:

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

バンドル名に「Content/css」パスを含めることで、ブラウザーが正しいサブフォルダー内で必要なファイルを検索するようになり、ローカル環境とオンライン環境の間の不一致が解決されます。 .

以上がブートストラップ アイコンの読み込みがローカルとオンラインで異なるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。