AngularJS Все косые черты в URL изменены на% 2F

Самое простое решение - добавить ! к URL-адресам на стороне клиента (если вы не используете режим HTML5, что вы, вероятно, делаете, если вы здесь).

На стороне клиента обновите URL-адреса следующим образом:

#/foo/bar > #!/foo/bar

И так как вы храните #, нет проблем с конфликтом с маршрутизацией на стороне сервера. Все счастливы.

Немного поздно вечеринке, но добавив '!' к вашим URL-адресам будет работать нормально. Меня это тоже беспокоило. Это изменение в последнем AngularJS 1.6.x, и я где-то читал, что Google требует, чтобы у SPA были такие "!" после хеша. В результате мои маршруты выглядят так, как они должны, но моя навигация позволяет добавить "!" в моих рекомендациях. Например:

<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>

Я надеюсь, это поможет вам.

С уважением!

Для меня я исправил проблему:

app.config(function($locationProvider) {

$locationProvider.hashPrefix('');
$locationProvider.html5Mode({
    enabled: false,
    requireBase: true
  });
});

<a href="#/mylink/"> <span>MyLink</span></a>

Что дает: http://blablabla.co:8888/blabla#/mylink/

Надеюсь, это поможет.

косую черту можно отключить:

$urlMatcherFactoryProvider.type('SlashFix', {
  raw:    true,
});


$stateProvider
      .state('content',{
       url: '/{slug:SlashFix}'
       ...

      })

как описано здесь https://www.coditty.com/code/angular-ui-router-replacing-slash-with-2f-quick-fix

Удалите хеш-символ из ссылки, так как вы используете html5mode, вам не нужен символ хеша для маршрутизации

<a href="/#/album/{{album.id}}">Link</a>

становится

<a href="/album/{{album.id}}">Link</a>