come rimuovere tag cancelletto (#) dall'indirizzo URL in ui-router

Question

mio URL assomiglia a questo http://127.0.0.1:50884/index.html#/home

Questa la pagina indice. Sto usando angolare ui-router di cambiare per varie viste come ma url viene fornito con tag # come questo: http://127.0.0.1:50884/index.html#/mobileOperator http://127.0.0.1:50884/index.html#/contentExpertise

Domanda: Esiste un modo per rimuovere # tag/pulita dal url .. per mostrare la sentiero URL come qui di seguito:

http://127.0.0.1:50884/index.html/home

http://127.0.0.1:50884/index.html/contentExpertise

ho provato html5mode ma dà errore angolare in consolle.

Error: [$location:nobase] http://errors.angularjs.org/1.5.0-rc.2/$location/nobase 
K/<@http://127.0.0.1:50884/js/angular-v1.5.min.js:6:421 
pf/this.$get<@http://127.0.0.1:50884/js/angular-v1.5.min.js:110:96 
h/<.invoke@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:293 
gb/F<@http://127.0.0.1:50884/js/angular-v1.5.min.js:43:96 
d@http://127.0.0.1:50884/js/angular-v1.5.min.js:40:270 
e@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:1 
h/<.invoke@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:86 
gb/F<@http://127.0.0.1:50884/js/angular-v1.5.min.js:43:96 
d@http://127.0.0.1:50884/js/angular-v1.5.min.js:40:270 
e@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:1 
h/<.invoke@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:86 
gb/F<@http://127.0.0.1:50884/js/angular-v1.5.min.js:43:96 
d@http://127.0.0.1:50884/js/angular-v1.5.min.js:40:270 
e@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:1 
h/<.invoke@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:86 
s/</<@http://127.0.0.1:50884/js/angular-v1.5.min.js:52:121 
n@http://127.0.0.1:50884/js/angular-v1.5.min.js:7:364 
s/<@http://127.0.0.1:50884/js/angular-v1.5.min.js:52:90 
h/<.invoke@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:293 
e/<@http://127.0.0.1:50884/js/angular-v1.5.min.js:38:458 
h/<.invoke@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:293 
gb/F<@http://127.0.0.1:50884/js/angular-v1.5.min.js:43:96 
d@http://127.0.0.1:50884/js/angular-v1.5.min.js:40:270 
K@http://127.0.0.1:50884/js/angular-v1.5.min.js:71:447 
la@http://127.0.0.1:50884/js/angular-v1.5.min.js:60:266 
R@http://127.0.0.1:50884/js/angular-v1.5.min.js:58:229 
R@http://127.0.0.1:50884/js/angular-v1.5.min.js:58:397 
R@http://127.0.0.1:50884/js/angular-v1.5.min.js:58:397 
N@http://127.0.0.1:50884/js/angular-v1.5.min.js:56:263 
Ac/c/</<@http://127.0.0.1:50884/js/angular-v1.5.min.js:21:99 
sf/this.$get</m.prototype.$eval@http://127.0.0.1:50884/js/angular-v1.5.min.js:140:363 
sf/this.$get</m.prototype.$apply@http://127.0.0.1:50884/js/angular-v1.5.min.js:141:83 
Ac/c/<@http://127.0.0.1:50884/js/angular-v1.5.min.js:21:57 
h/<.invoke@http://127.0.0.1:50884/js/angular-v1.5.min.js:41:293 
Ac/c@http://127.0.0.1:50884/js/angular-v1.5.min.js:20:1 
Ac@http://127.0.0.1:50884/js/angular-v1.5.min.js:21:274 
de@http://127.0.0.1:50884/js/angular-v1.5.min.js:20:83 
@http://127.0.0.1:50884/js/angular-v1.5.min.js:306:372 
n.Callbacks/i@http://127.0.0.1:50884/js/jquery-2.2.1.min.js:2:27060 
n.Callbacks/j.fireWith@http://127.0.0.1:50884/js/jquery-2.2.1.min.js:2:27828 
.ready@http://127.0.0.1:50884/js/jquery-2.2.1.min.js:2:29619 
J@http://127.0.0.1:50884/js/jquery-2.2.1.min.js:2:29804 
" 

Si prega di aiutare

Answer 1

Per impostazione predefinita, AngularJS sarà indirizzare gli URL con un hashtag. È molto facile ottenere URL puliti e rimuovere l'hashtag dall'URL utilizzando $locationProvider in AngularJS. È necessario inserire $locationProvider nella sezione di configurazione del modulo e utilizzare l'API di cronologia HTML5 in questo modo. ad es.

app.config(function ($stateProvider, $urlRouterProvider, $locationProvider) { 
    $stateProvider 
     .state('home', { 
      url: '/home', 
      templateUrl: 'partial-home.html' 
     }) 
     .state('about', { 
      url: '/aboutus', 
      templateUrl: 'aboutus.html' 
     }); 
    $locationProvider.html5Mode(true); 
}); 

Inoltre, non dimenticare di mettere un tag <base href="/"> all'interno della sezione index.html.

Answer 2

Affinché la modalità HTML5 di lavorare è necessario definire una baseurl come:

<base href="whatever/" /> 

Vedi w3schools per ulteriori informazioni: http://www.w3schools.com/tags/tag_base.asp