CODEWITHSUNDEEP
angularjs.htaccessangular
etayluz
etayluz

Reputation: 16416

Does Angular routing work on LAMP server

I am hosting my Angular 2 app on http://www.ixwebhosting.com/ They provide a traditional LAMP stack.

I have a route like this: www.mysite.com/myapp/item/:id and it works fine in my local ng serve environment.

The index.html page at www.mysite.com/my-app/ loads fine - but when I enter www.mysite.com/my-app/item/1 into the browser it fails. I suspect because the routing hits the web server first - and since the web server can't find an actual directory or file at that location it returns a 404. Is there a way to config an Apache server to work with Angular routing?

Upvotes: 1

Views: 781

Answers (1)

Nemanja K.
Nemanja K.

Reputation: 131

Yes, just redirect all requests directed to a file that doesn't exist to index.html - something like WP does:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /my-app/
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . index.html [L]
</IfModule>

Of course, this .htaccess file should be placed in "my-app" folder.

Upvotes: 1

Related Questions