angularjs - change - angular set meta tags

modo html5 con el servicio ronco no funciona

Question

En el archivo grunt, el bloque livereload se ve así:

livereload: {
  options: {
    open: true,
    middleware: function(connect, options, middleware) {
      var optBase = (typeof options.base === ''string'') ? [options.base] : options.base;
      return [
        [require(''connect-modrewrite'')([''!(//..+)$ / [L]''])].concat(
          optBase.map(function(path) {
            return connect.static(path);
          })),
        connect.static(''.tmp''),
        connect().use(
          ''/bower_components'',
          connect.static(''./bower_components'')
        ),
        connect().use(
          ''/app/styles'',
          connect.static(''./app/styles'')
        ),
        connect.static(appConfig.app)
      ];
    }
  }
},

Agregar:

 [require(''connect-modrewrite'')([''!(//..+)$ / [L]''])].concat(
                    optBase.map(function(path){ return connect.static(path); })),

usé para funcionar para habilitar el modo html5, de lo contrario, mis rutas no se cargan sin #! cuando intento volver a cargar a través del navegador.

Tengo base href = ''/'' agregado y html5Mode (true) en config. ¿Hay algo más que pueda probar? ¿Por qué realmente dejaría de funcionar?

Nota: Resulta que mi URL tiene un punto y que no está siendo manejada por la regla de reescritura de la modificación de la conexión tan bien. ¿Alguna idea de cómo cambiar eso y habilitarlo para manejar punto en URL?

Answer 1

Intenta agregar esto en el módulo de la aplicación raíz en el bloque de configuración. Asegúrese de incluir / inyectar $ locationProvider.

$locationProvider
  .html5Mode({
    enabled: true,
    requireBase: false
  })
  .hashPrefix(''!'');

Answer 2

Creo que el problema del punto es un efecto secundario del problema general. Tener la misma configuración, más o menos. Simplemente html5Mode el html5Mode en .config() esta manera:

if (window.location.host == ''localhost:9000'') {
   $locationProvider.html5Mode(false);
   $locationProvider.hashPrefix('''');
} else {
   $locationProvider.html5Mode(true);
}

La aplicación seguirá prefijando todas las URL con #/ en modo de desarrollo, haciendo que las URL, los enlaces y la carga en vivo sean un problema. Resuelto esto por una pequeña directiva que cambia regular /urls a /#/urls :

var isLocalHost = (location.hostname === "localhost" || location.hostname === "127.0.0.1");
angular.module(''myApp'').directive(''debugLink'', function($timeout) {
  return {
    restrict: ''A'',
    link: function(scope, element, attrs) {
      $timeout(function() {         
        var href = element.attr(''href'');
        if (href && isLocalHost && href.charAt(0) == ''/'') {
          element.attr(''href'', ''#''+href);
        }
      }, 100);
    }
  }
});

Ahora, los enlaces se pueden hacer mediante el <a href="/url" debug-link>link</a>

Finalmente uso el .htaccess redirect de https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-with-html5mode on el servidor de producción

RewriteEngine on

# Don''t rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]

# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ index.html [L]

Utilizo este enfoque en varios proyectos angularjs + gruñidos. Evita que se rompa la carga en vivo, es decir, cuando presiono Ctrl - S la página se actualiza y puedo usar las direcciones URL correctas en cualquier lugar. Supongo que nadie está interesado en tener prefijos o hashes en modo de producción.