Por defecto en AngularJS incluye el caracter “#” en las rutas de las urls, por ejemplo:

  • http://www.bufa.es/
  • http://www.bufa.es/#/sobre-mi
  • http://www.bufa.es/#/contacto

Para poder eliminar la “almohadilla” de las urls hay que hacer 2 pasos:

1. Utilizamos el módulo $locationProvider y establecemos el parámetro “true” en html5Mode de la siguiente manera:

2. Añadimos <base> en el <head> con la url absoluta del proyecto:

Y con esto las urls se convierten ya en:

  • http://www.bufa.es/
  • http://www.bufa.es/sobre-mi
  • http://www.bufa.es/contacto