Website is not loading on server while refresh it from browser in angular 2

Question

I am unable to reload my website when refresh from browser in angular 2

I don't want hash '#' symbol in url thus remove it from routing use hash
redirect to same page from app.component from getting active url

Not Found The requested document was not found on this server. Web Server at someserver.com

Can you provide more details? Where you publish your website? — Eliran Eliassy, Jun 17 '19 at 12:53
[RTFM](https://angular.io/guide/deployment#server-configuration) my friend — , Jun 17 '19 at 12:53
If it is Apache server, then you need to configure `.htaccess` accordingly. — Harun Yilmaz, Jun 17 '19 at 12:56
Possible duplicate of [Angular 2: 404 error occur when I refresh through the browser](https://stackoverflow.com/questions/35284988/angular-2-404-error-occur-when-i-refresh-through-the-browser) — Harun Yilmaz, Jun 17 '19 at 13:05

score 1 · Answer 1 · answered Jun 17 '19 at 12:54

1

Sounds like you need to config on the server that every route will be responses with the index.html.

answered Jun 17 '19 at 12:54

Eliran Eliassy

1,590
12
25

I am using angular 2 routing with app_initializer which is fetching data from DB for dynamic route collection – Prasanjit Jun 17 '19 at 13:07

score 0 · Answer 2 · answered Jun 17 '19 at 13:08

1) For remove, hash please check this

2) For reloading issue, You have two options.

I) Use .htaccess and set the path in that 
II) Allow you dist folder from node.

Smple .htaccess

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]
RewriteRule ^(.*) /{{project folder name}}/ [NC,L]

Website is not loading on server while refresh it from browser in angular 2

2 Answers2