Angular Routing with multiple components in Apache

Question

I have configured following route which takes 2 path components, works perfectly fine on local server with base href="/" in index.html. I had to change base href="/" to base href="./" while deploying in production server as a result the routes are not working. What am I doing wrong here.

const routes : Routes =[{path:":firstPathComponant/:secondPathComponant", component: HomeComponent}]

.htaccess

  Options +FollowSymLinks
  IndexIgnore */*
  RewriteEngine On
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule (.*) index.html

I guess you need to search for how to enable HTML5 pushState on Apache. — Günter Zöchbauer
– Günter Zöchbauer, Commented Apr 11, 2017 at 17:23
It would probably better to edit your question and add the code there to preserve formatting. — Günter Zöchbauer
– Günter Zöchbauer, Commented Apr 11, 2017 at 18:09
@GünterZöchbauer I updated question to include .htaccess can you please let me know what am I doing wrong? — pradeepa
– pradeepa, Commented Apr 11, 2017 at 18:11
Is your application in the root directory of the domain, or in the sub-folder? — Sarun Intaralawan
– Sarun Intaralawan, Commented Apr 11, 2017 at 18:15

Sarun Intaralawan · Accepted Answer · 2017-04-11 18:20:30Z

1

According to Angular Documentation:

If the app folder is the application root, as it is for the sample application, set the href value exactly as shown here.

If your production URL is http://domain.tld/somefolder, you should set the href value to <base href="/somefolder">

answered Apr 11, 2017 at 18:20

Sarun Intaralawan

1,1423 gold badges13 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Angular Routing with multiple components in Apache

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related