title: Angular 7 application is not working fine in IE 11
body: <p>Application is working fine in local envirmonment in all the browser(including IE 11).</p>
  
  <p>But after deployemnt it is not loading the main page in IE except it is navigating to default error page. It is happening
  only in IE 11.</p>
  
  <p>Only thing which I noticed that IE is removing trailing slash in the deployed version. </p>
  
  <p><a href="http://localhost:4200/" rel="nofollow noreferrer">http://localhost:4200/</a> - works fine in IE but <a href="http://myapplication.com/main/" rel="nofollow noreferrer">http://myapplication.com/main/</a> is not working in IE, it is showing the error page.</p>
  
  <p><strong>App routing module</strong></p>
  
  <pre><code>const routes: Routes = [
    {path: '', loadChildren: './modules/customer/customer.module#CustomerModule'},
    {path: '**', component: ErrorpageComponent, data: {name: 'noMatch'}},
  ]; 
  </code></pre>
  
  <p><strong>Customer module</strong> </p>
  
  <pre><code>const customerRoutes: Routes = [
    {
      path: '',
      component: CustomerComponent,
      children: [
        {path: '', component: OnboardingComponent},
        {path: '**', component: ErrorpageComponent, data: {name: 'noMatch'}}
      ]
    }
  ]; 
  </code></pre>
  
  <p>In IE after deployment it always redires to <code>ErrorPageComponent</code>. While running in local it is working fine in IE as well.</p>
  
  <p>Any help will be appreciated. </p>
  
  <p><strong>Edit</strong></p>
  
  <p>I forgot to mention that "myapplication.com/main/" gets added from nginx (server side). Client side we are not adding <code>main</code>.</p>
  
  <p>I tried by running application in prod mode as well <code>ng serve --prod</code>, and it is working fine in IE. After deploy to Dev it is not working </p>