title: Issue with html5Mode in angularjs
body: <p>I'm trying to remove <code>index.html</code> of the url using <code>html5Mode(true)</code> in angularjs, this is the code:</p>
  
  <pre><code>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: '/'});
  }]);
  </code></pre>
  
  <p>If I dont write <code>$locationProvider.html5Mode(true);</code> the url shows:</p>
  
  <blockquote>
    <p>localhost:(port)/MyApplication/index.html</p>
  </blockquote>
  
  <p>If I write <code>$locationProvider.html5Mode(true);</code> the url shows:</p>
  
  <blockquote>
    <p>localhost:(port)</p>
  </blockquote>
  
  <p><code>MyApplication</code> is removed of the url.
  And I want the url shows:</p>
  
  <blockquote>
    <p>localhost:(port)/MyApplication/</p>
  </blockquote>
  
  <p>What I'm doing wrong? What's the problem?</p>
  
  <p>UPDATE:</p>
  
  <p>How should show my <code>&lt;a&gt;</code> tags? Right now I have:</p>
  
  <pre><code>&lt;a href="#/about"&gt;About&lt;/&gt;
  </code></pre>
  
  <p>When I click on the link, the url shows:</p>
  
  <blockquote>
    <p>localhost:(port)/MyApplication/index.html#/about</p>
  </blockquote>
  
  <p>I'm lost with this.</p>
  
  <p>Thanks in advance!</p>