title: Angular frontend with django rest backend on google cloud app engine error 502 Bad Gateway
body: <p>I have deployed my angular front end with Django Rest Framework backend on Google App Engine. When I make a request to the backend from the frontend I get an error 502 Bad Gateway any help on identifying the problem will be really appreciated. I have tried several online recommendations are not working for me.
  This is my front end app.yaml</p>
  <pre><code>runtime: nodejs12
  handlers:
    - url: /
      static_files: smis/index.html
      upload: smis/index.html
      secure: always
    - url: /
      static_dir: smis
      secure: always
  </code></pre>
  <p>This is my backend app.yaml file</p>
  <pre><code>runtime: python38
  service: backend
  handlers:
    - url: /static
      static_dir: /static/
      secure: always
    - url: /.*
      script: auto
      secure: always
  </code></pre>
  <p>This is my dispatch.yaml file</p>
  <pre><code>#routing rules
  dispatch:
    #api
    - url: &quot;*/api/*&quot;
      service: backend
  </code></pre>