AngularJS: How to remove #!/ (bang prefix) from URL?
Add to your html file <head> <base href="/foldername/"> </head>
and this one is for your app.js $locationProvider.html5Mode(true);
this is for .htaccess
create file if you don't have.
RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]
RewriteRule ^ /foldername/
Below code will remove exclamatory (!) mark in URL
$locationProvider.hashPrefix('');
or else go to Routing issue with AngularJS project using yeoman setup
it worked for me
If you want to remove this prefix, add this code to your config:
appModule.config(['$locationProvider', function($locationProvider) {
$locationProvider.hashPrefix('');
}]);
Source here for more information.
Update
If you want to remove the whole prefix (#
and not only !
), you may try this solution:
1) Activate the HTML5 mode and remove the prefix !
in your module config
$locationProvider.html5Mode(true);
$locationProvider.hashPrefix('');
2) And then set base to /
in the <head>
on your index.html
<head>
...
<base href="/">
</head>