2

Recientemente encontré la manera de quitar el hashtag de la url de las app en angularjs, ese # que se ve poco estético, edite mi app.js el archivo donde pongo los módulos y relaciono los paquetes de esta manera

]) .config(function($urlRouterProvider, $locationProvider) {
        $urlRouterProvider
            .otherwise('/');
        $locationProvider.html5Mode(true);
    });

y en el index va esto

base href="/"

Y funciona perfecto me elimina el hashtag de la url, el problema es que al recargar la pagina, me dice que no encuentra la url error 404, ¿porque pasa esto?, ¿como puedo solucionarlo?

Gracias de antemano por su ayuda.

4
  • Creo que esto ya no depende de angular, sino del webserver que estés usando para ejecutar tu app. Si no estoy mal, se configuran de manera distinta en IIS, apache o lo que sea que uses. Si tuviera una respuesta exacta te la daría, pero solo puedo recomendarte que busques la solucion a traves de configuracion del server, y no de código en angular.
    – reekeecast
    el 15 mar. 2017 a las 17:52
  • Si lo se pero no me funciona ninguno, lo estoy corriendo en un server local con un server de node que es "artesanal" donde subo el .dist, he encontrado soluciones para apache, ISS y otros pero no para mi caso en particular, pero por lo menos entendí que la configuración debe hacerse en el lado del servidor como dices. el 16 mar. 2017 a las 13:31
  • Efectivamente, necesitas un enrutamiento para que los paths te envíen a tu página principal. En esta pregunta tratan ese mismo tema, seguramente te pueda ayudar. stackoverflow.com/a/31547963/3382947
    – frikinside
    el 25 abr. 2017 a las 8:37
  • Por cierto, he lanzado una edición para añadir la etiqueta nodejs y que sea más fácil de identificar la respuesta que necesitas. No obstante, sería recomendable que lo comentaras en la propia pregunta.
    – frikinside
    el 25 abr. 2017 a las 8:38

1 respuesta 1

1

Hola el servidor tiene que servir los estaticos en modo pushstate. Podes probar esto con un paquete de npm BUDO y correr el siguiente comando en la raiz de tu proyecto donde se encuentra tu index.html

budo --pushstate

Independientemente de la tecnología que implementes para que funcione el ruteo del modohtml5 es necesario este settings. HTML5 History API

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.