title: AngularJS All slashes in URL changed to %2F
body: <p>I'm having a massive problem with AngularJS routing.</p>
  
  <p>Up until recently everything has been fine with the following route:</p>
  
  <pre><code>$routeProvider.when('/album/:albumId', {
      controller: 'albumPageController',
      templateUrl: 'views/album.html'
  });
  </code></pre>
  
  <p>and using the href:</p>
  
  <pre><code>&lt;a href="/#/album/{{album.id}}"&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>However, now all of the slashes are being encoded into <code>%2F</code>.</p>
  
  <p>So when I click the link, or type <code>localhost:8000/#/album/1</code> into the browser, the URL is changed to:</p>
  
  <blockquote>
    <p><a href="http://localhost:8000/#%2Falbum%2F1" rel="noreferrer">http://localhost:8000/#%2Falbum%2F1</a></p>
  </blockquote>
  
  <p>I've tried several things to correct this:</p>
  
  <p>Using ng-href instead of href, 
  Not using the first / (ie <code>href="#/album/{{album.id}}"</code>)
  Running the app in Homestead localhost (Laravel's linux vagrant machine) instead of localhost on Windows 10</p>
  
  <p>Any help would be much appreciated!</p>