AngularJS All slashes in URL changed to %2F
%2F
is the percent-encoding for the forward-slash /
character.
This problem is related to the fact that AngularJS 1.6 has changed the default for hash-bang urls in the $location
service.
To revert to the previous behavior:
appModule.config(['$locationProvider', function($locationProvider) { $locationProvider.hashPrefix('');}]);
For more information, see SO: angularjs 1.6.0 (latest now) routes not working.
The most simple solution is to add a !
to client-side URLs (if not using HTML5 mode, which you probably do if you're here).
Client-side, update URLS like this:
#/foo/bar
> #!/foo/bar
And since you keep the #
, there is no issue of conflict with server-side routing. Everyone happy.
A bit late to the party but adding a '!' to your URLs will work just fine. This bothered me for a bit as well. This is a change in the latest AngularJS 1.6.x and I read somewhere that Google requires SPAs to have that '!' after the hash. As a result my routes look as they should but my navigation makes sure I add '!' in my references. For example:
<ul> <li><a href="#!/">Home</a></li> <li><a href="#!/page2">Page 2</a></li> <li><a href="#!/page3">Page 3</a></li> <li><a href="#!/page4">Page 4</a></li></ul>
I hope this helps you.
Regards!