title: django angular load static files - image in assets folder get 404
body: <p>i have a assets/image folder in angular src folder and i left all of my images there, i have many component and child component that are using that images like <code>&lt;img src"../../../assets/image/test.png"&gt;</code>,</p>
  
  <p>i build my angular app and place all files to static folder , in nginx i point it to load from static folder and in django in template i used index.html to load the static files like below:
  now my app will run but no file that have address like "../../../file" in angular load all get 404 like this :</p>
  
  <pre><code>http://hello.com/bird.65c8b9bce67b6a965a9c.png (error 404)
  </code></pre>
  
  <p>if i put a static keyword front of address it like <code>http://hello.com/static/bird.65c8b9bce67b6a965a9c.png</code>
  image will load ..
  how can i handle this issue?</p>
  
  <pre><code>{% load static %}
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt; site &lt;/title&gt;
    &lt;base href="/"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="{% static 'favicon.png' %}"&gt;
  &lt;link rel="stylesheet" href="{% static 'styles.921a613cd46f44e0d5a0.css' %}"&gt;&lt;/head&gt;
  &lt;body&gt;
    &lt;app-root&gt;Loading .  .  .&lt;/app-root&gt;
  &lt;script type="text/javascript" src="{% static 'runtime.6afe30102d8fe7337431.js' %}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{% static 'polyfills.b0205464c9bd4e7fe3b3.js' %}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{% static 'scripts.59ed76cc23ba77b0ec72.js' %}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{% static 'main.08947dd689f13d4027ea.js' %}"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>also i aleady added </p>
  
  <pre><code>urlpatterns += static(base.STATIC_URL, document_root=base.STATIC_ROOT) + \
                 static(base.MEDIA_URL, document_root=base.MEDIA_ROOT)
  </code></pre>
  
  <p>to end of my urls.py and i run <code>python manage.py collectstatic</code></p>
  
  <p>nginx server:</p>
  
  <pre><code>server {
      listen 80;
      server_name hello.com;
      location = /favicon.ico { access_log off; log_not_found off; }
      location /static/ {
          root /home/vertical/academy;
      }
  
      location / {
          include proxy_params;
         #proxy_set_header Host $http_host;
          proxy_set_header X-Real-IP $remote_addr;
          proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
          proxy_set_header X-Forwarded-Proto $scheme;
          proxy_pass http://unix:/home/vertical/academy/academy.sock;
      }
  }
  </code></pre>