Running Angullar 2 on http-server

Question

I have an application in Angular2 and was generated /dist where it contains the HTML, CSS and Javascript code executed the code using http-server and Tomcat. My problem is when I turn my routes, it’s like this -> http://localhost:4201/Dashboard but the problem is when I refresh the page it does not find because it would have to add '#/' example: http://localhost:4201/#/Dashboard

Answer 1

I was able to solve by adding into the /dist . htaccess folder <IfModule mod_rewrite.c> Options Indexes FollowSymLinks RewriteEngine On RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule>

Answer 2

To use routes without HTML5 mode, using hashbang, you need to do this configuration in your main route module:

...
imports: [
  ...
  RouterModule.forRoot(routes, { useHash: true })
  ...
]
...

According to doc: Appendix: Locationstrategy and browser Styles URL