title: ui-router's $urlRouterProvider.otherwise with HTML5 Mode
body: <p>Consider the following slightly modified code from ui-router's wiki.</p>
  
  <pre><code>var myApp = angular.module('myApp',['ui.router']);
  
  myApp.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
      // for any unmatched url
      $urlRouterProvider.otherwise("/state1");
  
      $locationProvider.html5Mode(true);
  
      // now set up the states
      $stateProvider
          .state('state1', {
              url: '/state1',
              templateUrl: "partials/state1.html"
          })
          .state('state1.list', {
              url: "/list",
              templateUrl: "partials/state1.list.html",
              controller: function($scope) {
                  $scope.items = ["A", "List", "of", "Items"];
              }
          })
          .state('state2', {
              url: "/state2",
              templateUrl: "partials/state2.list.html",
              controller: function($scope) {
                  $scope.things = ["a", "set", "of", "things"];
              }
          })
  });
  </code></pre>
  
  <p>Running python 3's SimpleHttpServer, I get a <code>404 error</code> when trying to access: <code>http://localhost:8000/state1234324324</code>.</p>
  
  <p>Why didn't <code>$urlRouterProvider.otherwise("/state1");</code> re-direct all unknown routes to <code>/state1</code>, which per this <a href="https://stackoverflow.com/questions/16793724/otherwise-on-stateprovider">question</a>, has a defined <code>state</code> associated with the <code>/state1</code> url?</p>