can not route directly using browser url what can i do? - angularjs

Question

I cannot route directly by using input in browser.
I am using $locationProvider.html5Mode(true);
so when i write the url in browser then they cannot route in angular js.
AppRouting.js
myApp.config(['$routeProvider',
function($routeProvider) {
$locationProvider.html5Mode(true);
$routeProvider.
when('/', {
templateUrl: 'home.html',
controller: 'HomeController'
})
.when('/login', {
templateUrl: 'login.html'
})
.otherwise({
redirectTo: '/phones'
});
}]);
so what can i do???

Answer 1

Your web server must be able to redirect your URL for it to work.
Say you are on "http://site" and you have a link leading to "http://site/foo/bar".
When you click on this link, you don't really go on this URL but rather on "http://site/index.html#/foo/bar", angularjs handles the rest.
However, if you directly access "http://site/foo/bar", your web server will try to find a path "/foo/bar" on your server, which does not exist, so you have to configure your server to redirect everything to "index.html".
As you're using Apache, you can use to add this in your .htaccess:
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]
# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html
More info here.