forza angolare un punto esclamativo indesiderato url

Question

Quando clicco su questo: <a href="#/home">home</a> l'url è localhost/Sites/App/#!/#%2Fhome

Quando clicco su questo: <a href="#!/home">home</a> l'url è localhost/Sites/App/#!/home

Ma questo funziona solo sul mio computer, per i miei colleghi è l'opposto, i collegamenti non funzionano se ci sono ! nell'URL.

Comprendo le best practice SEO ma non disponiamo di un sito Web pubblico, è necessario disporre di un sito Web che funzioni senza punto esclamativo nell'URL.

Capisco che l'/ nell'URL sia codificato perché l'angolare pensa che questo non sia un separatore di percorso ma perché nel mio unico computer? Abbiamo lo stesso codice.

Utilizziamo IIS o IIS Express, Chrome o IE, non ci sono differenze. Quando funziona per me, non funziona per tutti gli altri.

Nelle chiamate alle reti del browser possiamo vedere che non ci sono chiamate server tra il clic sul collegamento e la generazione di URL non validi.

Questa è la configurazione del modulo:

angular.module('paper.app', [ 'ngMaterial' 
         , 'ngMessages' 
         , 'ngRoute' 
         , ...]) 
    .config(function ($routeProvider, $mdThemingProvider, $mdIconProvider, $locationProvider, $mdDateLocaleProvider, contentUrl, contentSvg) { 

     $routeProvider 
      .when("/", { 
       templateUrl: contentUrl + 'view-home/html/home.html', 
       controller: 'HomeController', 
       controllerAs: 'homeCtrl' 
      }) 
      .otherwise({ 
       redirectTo: '/' 
      }); 

     $locationProvider.html5Mode(false); 

     ... 
    }); 

Questa è la bower.json:

{ 
    "name": "...", 
    "version": "1.0.0", 
    "authors": [ 
     "..." 
    ], 
    "ignore": [ 
     "node_modules", 
     "bower_components" 
    ], 
    "description": "", 
    "main": "", 
    "homepage": "", 
    "dependencies": { 
     "angular": "^1.5.7", 
     "angular-material": "^1.0.9", 
     "angular-route": "^1.5.7", 
     "angular-material-data-table": "^0.10.9", 
     "moment": "^2.14.1" 
     } 
} 

Answer 1

// configurazione lato client per abbastanza url // Rimuovere # da url

$locationProvider.html5Mode(true); 

e aggiungi questo al tuo index.html <base href="/"></base>

Answer 2

ho risolto aggiungendo questo:

$locationProvider.hashPrefix('');