title: handle dynamic url from flask
body: UPDATE : Fixed this !!
  <p>used <code>/.*</code> pointing to <code>dist/index.html</code></p>
  <hr />
  <p>I am trying to create a web application which has url of the form</p>
  <p><code>www.example.com/qa3h</code></p>
  <p>( Please change the title if there is better terminology for such apps)</p>
  <p>I am using</p>
  <ul>
  <li>Google App Engine ( Python )</li>
  <li>Flask</li>
  <li>AngularJs</li>
  </ul>
  <p>in my <code>app.yaml</code> I configured, all <code>/api</code> to go to the <code>main.app</code> , and <code>/</code> to <code>dist/index.html</code></p>
  <p>I configured angular to use html5mode , so no # symbol</p>
  <p>but I am not sure how to handle <code>example.com/qa3h</code></p>
  <p>What I did ...</p>
  <p>I could navigate from the application . For ex. in <code>example.com/</code> if I do <code>$locationProvider.url('/qa3h')</code> , I am navigating to the required url. But if I directly paste the url in the browser it gives <code>cannot GET /qa3h</code></p>
  <p>My configuration files .
  angular config</p>
  <pre><code> .config(function ($routeProvider, $locationProvider) {
      $routeProvider
        .when('/', {
          templateUrl: '/views/main.html',
          controller: 'MainCtrl'
        })
        .when('/:appId', {
          templateUrl: '/views/app.html',
          controller: 'appCtrl'
        })
        .otherwise({
          redirectTo: '/'
        });
        $locationProvider.html5Mode(true);
        $locationProvider.hashPrefix('!');
    });
  </code></pre>
  <p>app.yaml</p>
  <pre><code>- url: /api/.*
    script: main.app
  
  - url: /
    static_files: dist/index.html
    upload: dist/index.html
  </code></pre>