javascript - cli - Fuerza angular un signo de exclamación no deseado en url

publish angular 2 app iis

Question

Cuando hago clic en esto: <a href="#/home">home</a> la url es localhost/Sites/App/#!/#%2Fhome

Cuando hago clic en esto: <a href="#!/home">home</a> la url es localhost/Sites/App/#!/home

Pero esto solo funciona en mi computadora, para mis compañeros de trabajo es todo lo contrario, ¡los enlaces no funcionan si los hay ! en la url.

Entiendo las mejores prácticas de SEO, pero no tenemos un sitio web público, necesitamos tener un sitio web que funcione sin un signo de admiración en la url.

Entiendo que / en la url están codificados porque angular creo que esto no es un separador de ruta, pero ¿por qué en mi única computadora? Tenemos el mismo código

Usamos IIS o IIS express, Chrome o IE, no hay diferencias. Cuando funciona para mí, no funciona para todos los demás.

En las llamadas a las redes del navegador, podemos ver que no hay llamadas al servidor entre el clic en el enlace y la generación de la URL incorrecta.

Esta es la configuración del módulo:

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

       ...
   });

Este es el 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

// Configuración del lado del cliente para URL bonita // Eliminar # de la URL

$locationProvider.html5Mode(true);

y agregue esto a su index.html <base href="/"></base>

Answer 2

Lo resolví añadiendo esto:

$locationProvider.hashPrefix('''');