angular ui.router html5mode unable to reload in apache

Question

I'm trying to remove '#' from urls.

Using link with ui-sref or href attributes navigation works properly, but accessing directly to the same url, or refreshing page or pressing enter into url bar of the browser i get 404 not found error.

I enabled html5 mode:

$locationProvider.html5Mode(true);

Added base tag in head before any inclusion:

<base href="/folder/" />

Here is .htaccess file content (copied from angular-ui faq):

RewriteEngine on

# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]

# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ /folder/index.html [L]

Seems to be a problem related to .htaccess file.

What is wrong?

Community · Accepted Answer · 2017-05-23 12:14:43Z

1

I've to:

enable AllowOverride in /etc/apache2/apache2.conf (enable AllowOverride)
enable mod_rewrite, from terminal a2enmod rewrite
restart apache from terminal service apache2 restart

edited May 23, 2017 at 12:14

CommunityBot

11 silver badge

answered Mar 16, 2016 at 11:01

assistbss

5371 gold badge8 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

angular ui.router html5mode unable to reload in apache

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related