Saltar al contenido

Angular2 sin hash en la url

Bienvenido a nuestro sitio, en este sitio hallarás la respuesta a lo que buscabas.

Solución:

Si está utilizando Angular final, las razones del hash podrían ser:

RouterModule.forRoot(yourRoutesHere,  useHash: true )

Entonces, eliminar eso podría ayudar.

RouterModule.forRoot(yourRoutesHere)

Alternativamente, si en sus proveedores (en NgModule) ha utilizado:

provide: LocationStrategy, useClass: HashLocationStrategy

solo quita eso.

EDITAR, si necesita LocationStrategy, intente cambiar HashLocationStrategy a PathLocationStrategy:

provide: LocationStrategy, useClass: PathLocationStrategy

Más sobre LocationStrategy aquí

Ahora que también he visto sus rutas con respecto a su problema 404, podría intentar cambiar lo siguiente

 path: '**', component: HomeComponent 

a:

 path: '**', redirectTo: '', pathMatch: 'full' 

Más sobre enrutamiento aquí

También verifique eso en su index.html has configurado el basehref así:


Si usa PathLocationStrategy como se describe aquí, puede eliminar el hash en la URL.

Pero deshacerse del error 404 necesita algunos ajustes del lado del servidor. Una forma rápida y sencilla es configurar su servidor para que cargue la página de inicio cuando cualquier URL del formulario http://yourhost/* se solicita

Cree un archivo .htaccess, pegue el siguiente código y cárguelo en su servidor prod.

RewriteEngine On
RewriteBase /
RewriteRule ^index.html$ - [L]
RewriteCond %REQUEST_FILENAME !-f
RewriteCond %REQUEST_FILENAME !-d
RewriteRule . /index.html [L]

Reseñas y valoraciones

Si te apasiona la informática, tienes la opción de dejar un tutorial acerca de qué le añadirías a esta crónica.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *