Angular 2.0 router not working on reloading the browser

The error you are seeing is because you are requesting http://localhost/route which doesn’t exist. According to Simon.

When using html5 routing you need to map all routes in your app(currently 404) to index.html in your server side. Here are some options for you:

  1. using live-server: https://www.npmjs.com/package/live-server

    $live-server --entry-file=index.html`
    
  2. using nginx: http://nginx.org/en/docs/beginners_guide.html

    error_page 404 /index.html
    
  3. Tomcat – configuration of web.xml. From Kunin’s comment

    <error-page>
          <error-code>404</error-code>
          <location>/index.html</location>
    </error-page>
    

Leave a Comment