title: Angular 2 http request is giving pending/cancelled status on new system
body: <p>I'm sending http request as following</p>
  
  <pre><code>this.http.post('/api/login', body)
        .subscribe(
          response =&gt; {
                     ...
                    },
                 error=&gt; {
                     ...
                    });
  </code></pre>
  
  <p>But in new systems it gives pending then after that it gots cancelled sometimes.</p>
  
  <p>After loading one time this never happens on that system again and works fine.
  Basically I'm redirecting all client routes to index.html. As follows:</p>
  
  <pre><code>app.get(['/', '/login', '/dashboard'],function(req, res, next){
                      res.sendFile(path.join(__dirname,'/../public/index.html'));
                  });
  </code></pre>
  
  <p>Where <code>'/', '/login', '/dashboard'</code> are routes at my client end. As follows:</p>
  
  <pre><code>@RouteConfig([
    { path: '/', redirectTo: ['/Dashboard'] },
    { path: '/login', component: Login, as: 'Login' },
    { path: '/dashboard', component: Dashboard, as: 'Dashboard' }
  ])
  </code></pre>