AngularJS All slashes in URL changed to %2F
<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>