Angular2 routing / deep linking not working with Apache 404

by

As the other answers don’t really answer the question for if you want it to work with Apache. HashLocationStrategy remains an option, but if you want it to work as is on Apache you need to do the following:

Create a new file .htaccess in the same location as your index.html. The following code will be inside:

<IfModule mod_rewrite.c>
  Options Indexes FollowSymLinks
  RewriteEngine On
  RewriteBase /crisis-center/
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . index.html [L]
</IfModule>

(Note that in the question the <base href="https://stackoverflow.com/crises-center/"> inside the index.html should be identical to the RewriteBase)

Answer adapted from question+answer from Angular 2 routing and direct access to a specific route : how to configure Apache?

More Related Contents:

  1. Angular 2.0 router not working on reloading the browser
  2. Angular 2: 404 error occur when I refresh through the browser [duplicate]
  3. How do I create a singleton service in Angular 2?
  4. Angular: Cannot find a differ supporting object ‘[object Object]’
  5. How to get current route
  6. ‘router-outlet’ is not a known element
  7. Passing data into “router-outlet” child components
  8. Angular 2 Scroll to top on Route Change
  9. Angular 2 unit testing components with routerLink
  10. How to pass query parameters with a routerLink
  11. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  12. Angular2 – Redirect to calling url after successful login
  13. Dynamic routing based on external data
  14. How to switch layouts in Angular2
  15. How do I detect user navigating back in Angular2?
  16. Using Resolve In Angular2 Routes
  17. Angular 2: getting RouteParams from parent component
  18. Angular2 router keep query string
  19. Angular2 router.navigate refresh page
  20. Angular 2 passing object via route params possible?
  21. Redirect to a different component inside @CanActivate in Angular2
  22. Angular 2 – Routing – CanActivate work with Observable
  23. Want to prevent Component recreation while routing in Angular 2
  24. New Angular2 router configuration
  25. Angular routerLink does not navigate to the corresponding component
  26. How to get parameter on Angular2 route in Angular way?
  27. Angular2 Routing – keeping state of component when route changes [duplicate]
  28. Custom encoding for urls using Angular 2 Router (using a + sign in place of a space)
  29. Angular2 router, get route data from url, to display breadcrumbs
  30. Share data between components using a service in Angular2

Leave a Comment