title: How to run ng serve with PathLocationStrategy while falling back to index.html when page is refreshed
body: <p>For some reasons (e.g Hiding the # from the user), we would like to use PathLocationStrategy as the routing strategy for our Angular 8 Application.</p>
  
  <p>We are about to fallback to index.html while deploying the application to an Nginx server. But the problem we are facing is, when we run ng serve locally, the application won't bootstrap when page is refreshed.</p>
  
  <p>I have tried to use a <a href="https://alligator.io/angular/custom-webpack-config/" rel="nofollow noreferrer">custom webpack config</a> to enable devServer.historyApiFallback, it doesn't work.</p>
  
  <p>I have also read through quite a few docs like <a href="https://angular.io/guide/deployment#fallback-configuration-examples" rel="nofollow noreferrer">this</a>, but no luck</p>
  
  <p>Is there any workaround to spin up a local server that supports the PathLocationStrategy better? Thanks!</p>