2016-09-14 2 views
0

私はAngular2 CLIプロジェクトを使用しています。次のようなページがあります: http://localhost:4200/home イメージファイルはhttp://localhost:4200/img/myimage.jpgです。これらの両方が/myapp/の下にあるコンテキストを変更したいと思います。静的リソースとコンテキストでのAngular2 CLIの問題

だから、新しいURLは次のようになります。

http://localhost:4200/myapp/myimage.png 
http://localhost:4200/myapp/home 

私は、これはホームページのために働くことを得ることができましたが、画像やcssファイルなどの静的リソースが新しいURLの下で提供されていません。

+0

インデックスページに '

+0

ベースhrefを追加すると、リソースに対するすべてのhttpリクエストが正しく、 '/ myapp /'を反映しますが、イメージとcssファイルは404 - Not foundを返します。 – AFrieze

+0

パスを修正するために必要な変更を加え、リソースをそこに置くか、img \ cssを使用している修正パスを使用する必要があります。 –

答えて

0

Angular CLI

index.htmlを

<base href="{{environment.path}}" /> 

environment.ts

export const environment = { 
    ... 
    path: '/myapp/' 
}; 

・ホープこのことができますを使用して環境ファイルを使用してbase hrefを設定!

+0

これは正しいようにhttpリクエストを変更するのに最適です。サーバーはルートリソースディレクトリでも構成する必要があります。 – AFrieze

関連する問題