Angline 2.0 deep-linking nie działa. To samo z paska adresu.

Question

Wszystko działa poprawnie, gdy buduję linki i poruszam się w aplikacji, ale wpisywanie w pasku adresu nie działa! Ostatecznie chcę móc wysłać link do konkretnej strony/ścieżki aplikacji pocztą elektroniczną i nie jestem pewien, jak to osiągnąć.

Podążyłem za angular router guide documentation. Poprawnie myślę ...

Używam NodeJS (z ekspresowym) i na serwerze przekierowałem cały ruch do katalogu głównego aplikacji.

app.get("*", function(req, res) { 
    console.error("in get *") 
    res.redirect("/"); 
}); 

W moim index.html Mam ustawiony bazowej

<base href="/"> 

mam moje szlaki klienta/ścieżki ustawione następująco

const appRoutes: Routes = [ 
    { path: 'vendor/registration', component: VendorRegistrationComponent }, 
    { path: 'vendors', component: VendorListComponent }, 
    { path: '', redirectTo: 'vendor/registration', pathMatch: 'full' }, 
    { path: '**', component: PageNotFoundComponent }  
]; 

Gdybym wpisać http://localhost:8080/vendors w pasku adresu przeglądarki I dostać się do http://localhost:8080/vendor/registration, co ma sens, ponieważ tam serwer wysyła do przeglądarki polecenie przekierowania.

Jak powinienem utworzyć precyzyjny link do mojej aplikacji?

Edytuj. Samouczek kątowy - "TOUR OF HEROES" - również wykazuje takie samo zachowanie. tzn. bezpośrednie wprowadzanie adresów URL w pasku adresu przeglądarki nie działa. Aplikacja pokazuje tekst "ładowanie ..." i nie kieruje się do kontrolera.

Answer 1

Odpowiedź na Twoje pytanie jest jednoznacznie opisać w angular2 documentation

Answer 2

Ogólnie nie trzeba przekierowywać na serwerze, ponieważ wszystkie trasy są obsługiwane przez kątowy router na kliencie.

Zamiast tego, aby Twoja ekspresowa trasa typu catch-all po prostu zawsze służyła Twoim index.html dla wszystkich żądanych adresów URL. Po uruchomieniu aplikacji klienckiej, kątowy zajmie się routingiem do odpowiedniego komponentu na podstawie żądanego adresu URL. Upewnij się, że przechowujesz swój tag <base href="/">, dzięki czemu kąt może być świadomi, jaka część adresu URL jest kierowana.

const path = require('path'); 

app.get("*", function(req, res) { 
    res.sendFile(path.join(__dirname, '/path/to/your/index.html')); 
});