2016-11-04 1 views
14

私は現在、小さなAngular2プロジェクトに取り組んでいます。私の場合は、テンプレートthymeleafレンダリングされたいくつかのサーバー側を取得するために戻って私の古いバックエンドサーバとの(「/ FAQ」、「/弊社について」のような)の要求の一部を再ルーティングする必要があります。したがって、私はbackendeサーバーにリルートするには、組み込みのプロキシを使用しています。悲しいことに、それのみサーバHTMLファイルのない任意のスクリプトスタイルまたは画像をいくつかの奇妙な理由で。 (私は私のプロジェクト構造を作成するために、角-CLIを使用)Angular2の静的ファイルのデフォルトパスは何ですか?

ザッツ私は私のangular2フォルダにこれら静的ファイルを追加したいが、私は自分のアプリケーションが利用できるようにする正しい場所を見つけることができない理由。 誰かがプロジェクト構造内にこれらのファイルを正しく配置する方法を知っていますか?任意の助けを事前に

おかげで

答えて

17

現在angular-cli readme(v1.0.1デベロッパー)によると:デフォルトでは

You use the assets array in angular-cli.json to list files or folders you want to copy as-is when building your project:

"assets": [ 
    "assets", 
    "favicon.ico" 
] 

assetsフォルダは、このために設定されているので、あなたを置くことができます

├── src 
. ├── assets 
. . ├── file1.txt 
. . ├── img 
    . │ └── image1.png 
     └── css 

のような構造にファイルをコピーし、それらをurl p ATH /img/image1.pngなど

デフォルトのオプションを使用して満足していない場合は、angular-cli.jsonにお好みのフォルダ名を追加し、すなわち

"assets": [ 
    "static", 
    ... 
] 

あなたのファイルのための./src/static/フォルダを作成し、デフォルトと同様に仕えます。

+0

このエラーが発生しました。どのルートにも一致することはできません。 URLセグメント: 'assets/images/test.png'何かが足りない?ありがとう。 – Rocky

+0

@Rocky "/assets/images/test.png"から配信しないでください。 "/images/test.png"から配信してください – Rap

+3

FYI:角度4の場合は、assets/img/image1で配信する必要があります.pngなど –

関連する問題