Angular4 deploy server apache route

Question

I have an apache server running on CentOs and I would like deploy my Angular4 project on this server. This project is deploy in /var/www/html folder. It works weel, except the routing part. When I refresh or access to different URL from the basic index.html, I have a 404 error.

I followed this link : https://angular.io/guide/deployment#routed-apps-must-fallback-to-indexhtml but nothing change.

My .htaccess :

RewriteEngine On
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]
RewriteRule ^ /index.html

Part of my /etc/httpd/conf/httpd.conf file :

<Directory "/var/www/html">
    Options Indexes FollowSymLinks
    AllowOverride All
    Require all granted
</Directory>

The 404 error is always here. I don't know how i can fix this problem. Did i do something wrong ? Thanks in advance

edit2112 · Accepted Answer · 2018-02-01 13:58:49Z

3

It's working with this .htaccess in root :

<IfModule mod_rewrite.c>
    RewriteEngine on
    RewriteCond %{REQUEST_FILENAME} -f [OR]
    RewriteCond %{REQUEST_FILENAME} -d
    RewriteRule ^ - [L]
    RewriteRule ^ index.html [L]
</IfModule>

answered Feb 1, 2018 at 13:58

edit2112

2203 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ales · Accepted Answer · 2018-02-01 13:43:17Z

0

I am not sure if your rewrite configuration is correct or not (don't know much about Apache configuration).

All i know is that you need to redirect the 404 route to index.html. So if there is a special way to redirect only 404 routes you could try to rewrite that.

answered Feb 1, 2018 at 13:43

Ales

566 bronze badges

Collectives™ on Stack Overflow

Angular4 deploy server apache route

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related