1

バージョン 7 からAngular 10にアップグレードした後、アセットフォルダーのフォントと画像がブラウザーに読み込まれず、404 エラーが発生します。

http://localhost/assets/fonts/Regular/OpenSans-Regular.woff?v=1.1.0 net::ERR_ABORTED 404 (見つかりません)

IISのサブディレクトリ内でAngular アプリをホストし、 --deploy-url&スイッチを使用--base-hrefしてアプリケーションをビルドしています。

私のビルドコマンド:

ng build --prod --base-href /MyApp/ --deploy-url /MyApp/Scripts/

Scripts フォルダーには、ビルド コマンドのすべての出力が含まれます。コンポーネント内の画像を次のように参照しています：

background-image: url(/assets/images/login_bg.png);

フォントを次のように参照します。

@font-face {
   font-family: 'Open Sans';
   src: url('/assets/fonts/Regular/OpenSans-Regular.eot?v=1.1.0');
   src: url('/assets/fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0') format('embedded-opentype'), 
   url('/assets/fonts/Regular/OpenSans-Regular.woff?v=1.1.0') format('woff'), 
   url('/assets/fonts/Regular/OpenSans-Regular.ttf?v=1.1.0') format('truetype'), 
   url('/assets/fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular') format('svg');
   font-weight: normal;
   font-style: normal;
}

angular CLI 7 と angular CLI 10 でビルド出力が異なることに気づきました。 ここに画像の説明を入力 ここで、Angular 7では Web サーバー内の画像を見つける正しいパスがあることがわかりますが、Angular 10では404 エラーにつながる部分的なパスしかありません。 .

提案してください。

4

1 に答える 1