title: Angular 1 Base href and routing/views/controllers
body: <p>I am looking to add a base href to my webapp. Currently everything runs correctly when running: </p>
  
  <ul>
  <li>localhost:3000/#/login</li>
  </ul>
  
  <p>But i need to add base href or "charge" -> localhost:3000/charge/#/login</p>
  
  <p><strong>Current index.html</strong></p>
  
  <pre><code>&lt;head&gt;
  &lt;base href="charge/" /&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="description" content=""&gt;
  &lt;meta name="viewport" content="width=device-width"&gt;
  &lt;link rel="stylesheet" .... 
  &lt;/head&gt;
  </code></pre>
  
  <p><strong>Anuglar Route File</strong></p>
  
  <pre><code>function routerConfig($routeProvider, $locationProvider) {
  $routeProvider
    .when('/map', {
      templateUrl: 'app/views/main/main.html',
      controller: 'MainController',
      controllerAs: 'mainCtrl'
    })
    .when('/login', {
      templateUrl: 'app/views/login/login.html',
      controller: 'LoginController',
      controllerAs: 'loginCtrl'
    })
    .when('/list', {
      templateUrl: 'app/views/list/list.html',
      controller: 'ListController',
      controllerAs: 'listCtrl'
    })
    .when('/reporting', {
      templateUrl: 'app/views/reporting/reporting.html',
      controller: 'ReportingController',
      controllerAs: 'reportingCtrl'
    })
    .otherwise({
      redirectTo: '/map'
    });
  // $locationProvider.html5Mode(true);
  }
  </code></pre>
  
  <p>Whenever i run my app with the basehref and navigate to localhost:3000/charge/#/login, basically every view, controller, bower component, and the module cannot be found. I have tried editing the router, changing the name of the main app folder but cannot get this to work. I know i am missing something small so any help is greatly appreciated!</p>
  
  <p>My issue seems very similar to <a href="https://stackoverflow.com/questions/19939685/base-href-and-angular-routing-and-views">Base Href and Angular Routing and Views</a> but i honestly just cannot figure this out.</p>