blob ストレージに css ファイルをアップロードしました。今、ブラウザでそのファイルに直接アクセスしようとしています
blob URI を介して。しかし、私の問題は、css ファイルで参照されている画像です。これらの画像
相対アドレスで参照されます。私のcssファイルにはたくさんの画像があります。だからそこにある
これらの画像をブロブにアップロードせずにブラウザに表示できるようにするための代替手段はありますか?
blob ストレージに css ファイルをアップロードしました。今、ブラウザでそのファイルに直接アクセスしようとしています
blob URI を介して。しかし、私の問題は、css ファイルで参照されている画像です。これらの画像
相対アドレスで参照されます。私のcssファイルにはたくさんの画像があります。だからそこにある
これらの画像をブロブにアップロードせずにブラウザに表示できるようにするための代替手段はありますか?
CSS に相対パスを挿入すると、相対パスは CSS の場所をルートとして使用し、パスを作成します。あなたのケースでは、CSS が Azure Blob ストレージにあるため、CSS の相対パスはすべて Azure Blob ストレージをルートとして検索します。イメージが Azure VM にあり、CSS が Azure Blob Storage にあるため、問題が発生しました。これは、複数の場所で説明されているように、CSS の設計上の動作です。つまり 、CSS ファイルの相対パスは CSS ファイルに対して相対的ですか?
つまり、CSS を使用してコンテンツを参照している場合は、同じ Web サーバーを参照する必要があります。フォルダー/コンテナーは変更される可能性があり、相対パスでそれらを正しく参照できます。
この問題を解決するには、すべての画像を Windows Azure Blob ストレージの同じコンテナーにコピーする必要があります。そうすれば、CSS の任意の場所で「imagename.imageextension」を使用できます。