AngularJS ui Route Hash-Präfix

Question

Ich benutze AngularJS ui Route zum Routing Ich möchte # (Hash von URL) entfernen. Ich benutze diesen Code und verwende auch (base href = "/") in meiner index.html Datei. Es funktioniert gut, aber wenn ich die Seite wie (http://0.0.0.0:3000/athletepersonalinfo) aktualisiere, gibt es mir einen Fehler.

.config(function($stateProvider,$locationProvider) { 
    $locationProvider.html5Mode({ enabled: true, requireBase: false }) 
    $stateProvider 
    .state('/', { 
    url: '', 
    templateUrl:HTML.HOME, 
    controller: 'homeController as home' 
    }) 
    .state('home', { 
    url: '/', 
    controller: 'homeController as home', 
    templateUrl: HTML.HOME 
    }) 

    .state('athletepersonalinfo', { 
    url: '/athletepersonalinfo', 
    controller: 'athleteProfileInfo', 
    templateUrl: HTML.ATHLETE_PERSONAL_INFO, 
    authenticate: true 
    }) 

Answer 1

Wenn Sie schlagen der Server aktualisieren eigentlich, wenn die vorgegebene Route /athletepersonalinfo definiert wurde zu finden versucht. Um die # aus der URL zu entfernen, müssen Sie eine get(/*) Route einfügen, die immer Ihre index.html Seite zurückgibt. Diese Route sollte nach allen anderen Routen sein. Nun, was dies bedeutet, ist Ihre index.html wird serviert, wenn keine Routen als in Ihrer Client-Seite definiert Winkel wird mit welcher Ansicht zu laden. Ein paar Punkte zu beachten, wenn eine solche chages

• machen Da jede ungelöste get Ihre index.html stellen Sie sicher, Ihre Routen sind sinnvoll zurückkehren könnten wie alle Ihre Vermögenswerte beginnen mit/assets/Weg, alle Ihre api Anrufe beginnen mit/api /.

• Der Vorteil dabei ist, wenn Sie eine 404 auf einige Vermögenswerte oder eine API-Anruf erhalten Sie immer noch Ihre index.html, die falsch ist. Aber mit diesem Ansatz alles, was Sie tun müssen, ist eine Route so etwas wie dieses Set

  app.get('/:url(api|assets)/*',function(req,res){ 
      res.status(400).send("Not Found") 
  }); 
  
  app.get('/*',function(req,res){ 
      res.sendFile('index.html'); 
  }); 
  

• Stellen Sie sicher, dass die * Route nach allen anderen Routen definiert ist sonst halten Sie index.html immer für jede Anforderung.

Hoffnung, das hilft.