ngRoute not working when refreshing the page

Question

The website working fine with ngRoute on http://www.athimannil.com/ but unfortunately page http://www.athimannil.com/about not working when refresh URL :(

is there anything extra need to add in the JavaScript code ?

var app = angular.module('app',['ngRoute']);
    app.config(function($routeProvider, $locationProvider) {
        $locationProvider.html5Mode(true);
        $routeProvider
            .when('/', {
                templateUrl: 'home.html',
                controller: 'homecontroller'
            })
            .when('/about', {
                templateUrl: 'about.html',
                controller: 'aboutController'
            })
            .when('/portfolio', {
                templateUrl: 'portfolio.html',
                controller: 'portfolioController'
            })
            .when('/contact', {
                templateUrl: 'contact.html',
                controller: 'contactController'
            })
            .when('/cv', {
                templateUrl: 'cv.html',
                controller: 'cvController'
            })
            .otherwise({
                redirectTo: '/'
            });
    });

.htaccess

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

Answer 1

by default angular uses routes like .../#/...

if you want to remove that you need some server configurations

AngularJS routing without the hash '#'