Angular routing on apache is returning internal server error

Question

I'm using the PathLocationStrategy and deployed my angular application on apache. My angular application files are inside the folder "teste", which is inside the folder "public_html". I have changed the .htaccess file that is inside the "public_html" and I'm still getting the internal server error when I reload the page: "Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request. ..."

This is my .htaccess:

# php -- BEGIN cPanel-generated handler, do not edit
# Defina o pacote ~@~\ea-php73~@~] como a linguagem padrão de programação 
~@~\PHP~@~].
<IfModule mod_rewrite.c>
  AddHandler application/x-httpd-ea-php73 .php .php7 .phtml

  RewriteEngine on
  RewriteCond %{REQUEST_FILENAME} -s [OR]
  RewriteCond %{REQUEST_FILENAME} -l [OR]
  RewriteCond %{REQUEST_FILENAME} -d
  RewriteRule ^.*$ - [NC,L]

  RewriteRule ^(.*) /index.html [NC,L]
</IfModule>
# php -- END cPanel-generated handler, do not edit

What am I doing wrong? Is there anything else to do?

Please do not upload images of code/errors/text when asking a question. — Olaf Kock
– Olaf Kock, Commented Mar 28, 2021 at 11:16
@OlafKock I have edited the question replacing the images. Thanks — GabrielaGuedes
– GabrielaGuedes, Commented Mar 28, 2021 at 14:14

Zam Abdul Vahid · Accepted Answer · 2021-03-28 16:55:43Z

1

Since you are deploying the angular application into a subfolder of your root hosting folder i.e. public_hmtl, first build the app with the following command.

ng build --prod --base-href=/teste/

This will set the app base as below in index.html when the build is performed.

<base href="/teste/">

Now define the subfolder in RewriteRule of your htaccess file.

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} -s [OR]
RewriteCond %{REQUEST_FILENAME} -l [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^.*$ - [NC,L]

RewriteRule ^(.*) /teste/index.html [NC,L]

answered Mar 28, 2021 at 16:55

Zam Abdul Vahid

2,7313 gold badges22 silver badges27 bronze badges

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

1 Comment

GabrielaGuedes Over a year ago

Thanksss a lot!! You've really helped me!!

Collectives™ on Stack Overflow

Angular routing on apache is returning internal server error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related