title: Angular html5mode does not work as expected
body: <p>In my angular app all the URLs are like this:</p>
  
  <p><code>testsite.com/#/standard-page</code></p>
  
  <p>And I would like them to be like:</p>
  
  <p><code>testsite.com/standard-page</code></p>
  
  <p>I have read about adding the html5mode to my config, I now have this:</p>
  
  <pre><code>angular.module('myApp').config(['$stateProvider', '$urlRouterProvider', '$locationProvider', config]);
  
  function config($stateProvider, $urlRouterProvider, $locationProvider) {
      $locationProvider.html5Mode(true);
  
      $stateProvider
          .state('index', {
              url: '/',
              templateUrl: siteInfo.templateRoot + '/startPage.html',
          })
          .state('standard-page', {
              resolve: {
                  standardPageData: getStandardPageData
              },
              url: '/standard-page',
              templateUrl: siteInfo.templateRoot + '/standardPage.html',
              controller: 'StandardPageController',
              controllerAs: 'StandardPageCtrl'
          });
  };
  </code></pre>
  
  <p>and I added <code>&lt;base href="/"&gt;</code> to the head of my head, but it does not work completely as expected yet.</p>
  
  <p>When I go to <code>testsite.com/#/standard-page</code> in my browser it loads the page, then it modifies the URL to <code>testsite.com/standard-page</code>in the address bar. However, if I type in directly ``testsite.com/standard-page`, it gives me a 404.</p>
  
  <p>So I'm almost there, just not quite yet. Any ideas what I might have forgotten to do here?</p>