2016-12-09 7 views
1

emberjs(ember-cli)のアセットパスに問題があります。相対イメージソースember js

I 2つの経路を有する:indexarticle経路を、インデックスルートのパスはわずか/ある物品ルートの経路は、article/:article_id

router.jsで

Router.map(function() { 
    this.route('article', {path : '/article/:article_id'}); 
}); 

ありますidnexテンプレートでは、ディレクトリpublic/assets/にある資産を参照しています。<img src="/assets/images/image1.jpg/>とその作業は素晴らしいですが、で同じタグを使用するとテンプレートでは、イメージはロードされません。原因はクライアント(ブラウザ)が次のURLのサーバにリクエストを送信することです。localhost:4200/article/assets/images/image1.jpg

+0

あなたの燃えさしのバージョンは何ですか? ['baseURL'の非推奨](http://emberjs.com/blog/2016/04/28/baseURL.html)がこれを引き起こした可能性があります。 – ykaragol

答えて

2

私は同じ問題がありましたが、{{rootURL}}ヘルパーを使用して私の問題を解決しました。あなたのイメージタグで
例、のようなものを使用します。

<img src="{{rootURL}}assets/images/image1.jpg"/> 
+0

私はあなたの解決策を試しましたが、それでも同じ問題がありました。 – karim

+0

rootURLをサブディレクトリのパスに変更した後、私のために働きました。驚くばかり! – MattC