title: Images are not loading after deploying angular app on github pages
body: <p>I deployed a test project on github pages using these commands:</p>
  
  <pre><code>ng build --prod --base-href https://&lt;profile_name&gt;.github.io/&lt;repo_name&gt;/
  ngh --dir=dist/scrabble
  </code></pre>
  
  <p>Everything works fine except images (on localhost every image is loading).
  <hr/>
  outputPath in angular.json:</p>
  
  <pre><code>"outputPath": "dist/scrabble/",
  </code></pre>
  
  <p>assets in angular.json:</p>
  
  <pre><code>"assets": [
    "src/favicon.ico",
    "src/assets"
  ],
  </code></pre>
  
  <p>assets folder with images is located in <code>&lt;project_folder&gt;/src/assets</code></p>
  
  <p>one example of image tag which works perfectly on localhost but doesn't load on github pages:</p>
  
  <pre><code>  &lt;img src="../../../assets/scaledlogo.png" routerLink="/menu" /&gt;
  </code></pre>