title: Angular: Trying to display an asset image in an img src inside an iframe gives 404
body: <p>In my application I have an  element in which I load initially for its src a preview image, so it doesn't look broken in the page when it is initially loaded and nothing was assigned to it yet.</p>
  <pre><code>&lt;img id=&quot;preview&quot; src=&quot;./../../../../assets/transparent-3.png&quot; alt=&quot;&quot; class=&quot;image-preview-box&quot; /&gt;
  </code></pre>
  <p>As you can see the src points to the angular assets folder, where it takes the transparent-3.png and fills the img with it. This works well when I run the code with &quot;ng serve&quot;, the image loads all right.</p>
  <p>But on deploy the application is deployed inside an iframe, since it needs to be part of a bigger application. In there the src doesn't work anymore and I receive the following error in the console, the img not loading the preview image.</p>
  <pre><code>Failed to load resource: the server responded with a status of 404 (Not Found)
  </code></pre>
  <p>I already tried to point directly to assets (without the dots and slashes before it) or to not use the ./ at the beginning of the src, yet it didn't work. Does anyone know what could be the issue in here?</p>