2017-05-04 7 views
2

私はセットアップと角張った状態のビルドを行っています。イメージはassets/images/somelogo.pngに配置されます。ウェブサイトがサブドメインでホストされている場合、angular-cli prod build上のdistにイメージsrcを配置する方法は?

私はIIS上のウェブサイトを持っている:http://localhost:8000/ 私は、角-cliのビルドをホストしようとしていたサブサイトを作成しました。以下の通りのURLは:http://localhost:8000/a2

次のように私はビルドを作成:

NGビルド--prodの--deploy-URL/A2

Iは、ヘッダ成分を有します以下のようなHTMLがあります。

<a class="navbar-brand" href="/"> 
<img src="/assets/images/somelogo.png" alt="somelogo" />my image</a> 

をしかし、展開上の画像のURLは次のように示されている:/assets/images/somelogo.png 私はそれが表示する:A2 /資産/画像/ somelogo.png

私も次のことを実行して、ベースHREFを変更してみました:

NGビルド--prod --deploy -url/a2 --base-href/a2

でも、どちらも機能しません。誰かが私を助けてくれますか?

============================================== ===========================

私はそれが次のようにして固定してしまった:私が使用したテンプレート上

を:

import {PlatformLocation } from '@angular/common'; 
export class MyComponent { 
constructor(private platformLocation: PlatformLocation) { 
imageSource:string=this.platformLocation.pathname +'assets/images/somelogo.png'; 
} 

platformLocation.pat:私は次のことをやったのテンプレート・コンポーネントの

<img [src]="imageSource"/> 

hnameはbase-hrefをとり、パスに追加します。これが正しい解決策であるかどうかはわかりませんか?

+3

ためのトリック、感謝ウィル黄はこれを試してみてくださいでした: 'NGビルド--prod --base-HREF/A2 /' –

+0

が答えとしてあなたのソリューションを追加してくださいあなたの質問を編集する代わりに、 –

答えて

0

私は ng build --prod --base-href . を試してみましたが、これはあなたの応答

+0

これはコメントではなく、答えとして記述する必要があります。 – Eli

関連する問題