Я пытаюсь удалитьindex.html с использованием URLhtml5Mode(true) в angularjs это код:

angular.module('myApp', [
  'ngRoute',
  'myApp.filters',
  'myApp.services',
  'myApp.directives',
  'myApp.controllers'
]).
config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
  $locationProvider.html5Mode(true);
  $routeProvider.when('/home', {templateUrl: 'views/home.html'});
  $routeProvider.when('/about', {templateUrl: 'views/about.html'});
  $routeProvider.otherwise({redirectTo: '/'});
}]);

Если я не напишу$locationProvider.html5Mode(true); URL показывает:

локальный: (порт) /MyApplication/index.html

Если я напишу$locationProvider.html5Mode(true); URL показывает:

локальный: (порт)

MyApplication удаляется из URL. И я хочу URL-шоу:

локальный: (порт) / MyApplication /

Что я делаю не так? В чем проблема?

ОБНОВИТЬ:

Как должен показать мой<a> теги? Прямо сейчас у меня есть:

<a href="#/about">About</>

Когда я нажимаю на ссылку, URL показывает:

локальный: (порт) /MyApplication/index.html#/about

Я потерян с этим.

Заранее спасибо!