title: cannot get assets(images/fonts) loaded properly in deployed application
body: <p>So I am trying to deploy my ember app in wamp server. I have all my assets within public/assets folder. The folder structure is like :</p>
  
  <pre><code>public
      -assets
            -images
            -fonts
  </code></pre>
  
  <p>When I run things using command </p>
  
  <pre><code>ember server
  </code></pre>
  
  <p>a server is ran at port 4200 and when I browse there everything runs fine, the images and fonts are loaded properly. Now I wanted to deploy this application in wamp server. To do this, I modified the baseURL in config/environment.js as:</p>
  
  <pre><code>baseURL: 'myProj/'//since the app will we put in www/myProj folder
  </code></pre>
  
  <p>then I compiled my project and moved everything within dist/ folder into the www/myProj folder. But when I browse to my localhost/myProf, I cannot see any of the images or the fonts are not loaded. But the css which is in assets folder is loading fine, its only not able to load fonts and images within assets folder. Its trying to fetch those images like this </p>
  
  <pre><code>http://localhost:8085/assets/images/chevron-down-16.png
  </code></pre>
  
  <p>but the correct path should have been:</p>
  
  <pre><code>http://localhost:8085/myProj/assets/images/chevron-down-16.png
  </code></pre>
  
  <p>in my hbs files I use </p>
  
  <pre><code>`&lt;img src="/assets/images/..." /&gt;`
  </code></pre>
  
  <p>How can I get this to work?? Any help will be much appreciated.</p>
  
  <p><strong>UPDATE</strong>
  I had to just do this <code>&lt;img src="assets/images/..." /&gt;</code> ie. get rid of the first slash to makes images work. But still running into issues in css where I had to use background image, something like this does not work</p>
  
  <pre><code> //BOTH DO NOT WORK
  .form-container {
      //background: url("/assets/images/brushed_alu.png") repeat scroll 0 0 padding-box transparent;
      background: url("assets/images/brushed_alu.png") repeat scroll 0 0 padding-box transparent;
  }
  </code></pre>
  
  <p>Ok i just got bit confused, since the css is within assets folder already, I didn't need to give the path starting from assets, so all I had to do was :</p>
  
  <pre><code>.form-container {
  
      background: url("images/brushed_alu.png") repeat scroll 0 0 padding-box transparent;
  }
  </code></pre>
  
  <p>Ahh small things bite you the most!</p>