relative image source ember js
<p>i have a problem with assets path in emberjs(ember-cli).</p>

<p>I have 2 routes: <code>index</code> and <code>article</code> route, the path for index route is just a <code>/</code> and the path for the article route is <code>article/:article_id</code></p>

<p><strong>router.js</strong></p>

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

<p>In the <code>idnex</code> template, i reference my assets that are in the directory <code>public/assets/</code> with the following : <code>&lt;img src="/assets/images/image1.jpg/&gt;</code> and its work great, but when i use the same tag in the <code>article</code> template, the image is not loaded, and the cause is that the client(browser) send the request to the server with the following url <code>localhost:4200/article/assets/images/image1.jpg</code>.</p>