Kątowa Wszystkie ukośniki w adresie URL zostały zmienione na% 2F

Question

Mam ogromny problem z routingiem kątowym.

Do niedawna wszystko było w porządku z następującej trasie:

$routeProvider.when('/album/:albumId', { 
    controller: 'albumPageController', 
    templateUrl: 'views/album.html' 
}); 

i używając href:

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

Jednak teraz wszystkie ukośniki są zakodowane w% 2F.

Więc po kliknięciu w link lub wpisz localhost: 8000/#/album/1 do przeglądarki adres URL zmienia się na:

http://localhost:8000/#%2Falbum%2F1 

Próbowałem kilka rzeczy do poprawienia w ten sposób:

Używanie ng-href zamiast href, Nieużywanie pierwszego/(np. Href = "#/album/{{album.id}}") Uruchamianie aplikacji w Homestead localhost (maszyna linux vagrant firmy Laravel) zamiast localhost na Windows 10

Każda pomoc byłaby muc h doceniane!

Answer 1

%2F jest percent-encoding do przodu-slash / znak.

Ten problem jest związany z faktem, że AngularJS 1.6 zmieniło domyślne adresy URL hash-bang w usłudze $location.

Aby powrócić do poprzedniego zachowania:

appModule.config(['$locationProvider', function($locationProvider) { 
    $locationProvider.hashPrefix(''); 
}]); 

Aby uzyskać więcej informacji, zobacz SO: angularjs 1.6.0 (latest now) routes not working.

Answer 2

Usuń symbol hash z linku, ponieważ używasz html5mode nie trzeba symbol hash dla routingu

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

staje

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

Answer 3

Najprostszym rozwiązaniem jest dodanie ! do adresów URL po stronie klienta (jeśli nie korzystasz z trybu HTML5, co prawdopodobnie zrobisz, jeśli tu jesteś).

po stronie klienta, aktualizacja URLS takie jak ten:

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

A skoro trzymasz # istnieje nr kwestia konfliktu z po stronie serwera routingu. Wszyscy są szczęśliwi.

Answer 4

Nieco późno na imprezę, ale dodanie "!" do adresów URL będzie działać dobrze. Trochę mi to też przeszkadzało. Jest to zmiana w najnowszym AngularJS 1.6.x i czytałem gdzieś, że Google wymaga SPA, aby "!" po haszowaniu. W rezultacie moje trasy wyglądają tak, jak powinny, ale moja nawigacja upewnia mnie, że dodaję "!" w moich referencjach. Na przykład:

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

Mam nadzieję, że ci to pomoże.

Pozdrawiam!

Answer 5

kodowania ukośnik można wyłączyć:

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


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

     }) 

jak opisano tutaj https://www.coditty.com/code/angular-ui-router-replacing-slash-with-2f-quick-fix

Answer 6

dla mnie, problem został rozwiązany za pomocą roztworu @Igor Simic i @Umer Z:

app.config(function($locationProvider) { 

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

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

Która daj: http://blablabla.co:8888/blabla#/mylink/

Mam nadzieję, że ta pomoc.