Elimina el «#» de la URL en Flutter: HashUrlStrategy y PathUrlStrategy

Ahora, es posible que haya visto aparecer «#» en la URL de su aplicación Flutter alojada. Es molesto cuando esto sucede ahora.
http: // localhost: 56235 / # / login
Sin embargo, existe una forma de ayudarlo a eliminar este «#» de la URL.
Las aplicaciones web de Flutter básicamente admiten dos formas diferentes de configurar la navegación basada en URL en la web:
Hash (predeterminado)
Aquí, la ruta se usa para leer y escribir fragmentos hash.
P.ej;
http: // localhost: 56235 / # / login
Sendero
Sin hash, la ruta se puede leer y escribir.
P.ej;
http: // localhost: 56235 / # / login
Estos se establecen mediante la API setUrlStratgy y PathUrlStrategy o HashUrlStrategy.
setUrlStrategy solo se puede llamar en la red. Aquí, estas instrucciones mostrarán cómo usar importaciones condicionales para llamar a funciones en la Web.
Solo se puede acceder a la API setUrlStrategy a través de la red. Las siguientes instrucciones muestran cómo llamar a esta función mediante la importación condicional en el navegador, pero no en otras plataformas.

1. Antes de que comience su programa, incluya flutter_web_plugins Empaquetar y llamar Establecer estrategia de URL Función:

 dependencies:
    flutter_web_plugins:
      sdk: flutter

2. Crear lib / configue_nonweb.dart Archivo que contiene el siguiente código:

void configureApp() 
    		// No-op.
  

3. Crear lib / configure_web.dart El archivo usa el siguiente código:

void configureApp() 
    		setUrlStrategy(PathUrlStrategy());
 	 

4. Abierto lib / main.dart E importar condicionalmente configue_web.dart Cuando el paquete html, o configure_nonweb.dart Cuando no lo es:

void main() 
 
    		configureApp();
  		runApp(MyApp());

El fragmento ‘#’ se usa generalmente en aplicaciones web para señalar recursos auxiliares. Los recursos secundarios pueden ser párrafos, secciones o encabezados específicos en la aplicación web. Las aplicaciones web de Flutter utilizan HashUrlStrategy o PathUrlStrategy de forma predeterminada.
Puede utilizar los métodos de la clase HashUrlStrategy para devolver la ruta activa, el estado actual y empujar, reemplazar y moverse entre entradas históricas. Sin embargo, si aún necesita eliminar el «#» de la URL, puede usar la clase PathUrlStartegy para hacerlo. Actualice su main.dart como se proporciona para eliminar #.
También puede hacer esto simplemente haciendo esto:

void main() {
  setUrlStrategy(PathUrlStrategy());
  runApp(MyApp());