Fondo:
Recientemente publiqué mi proyecto angular en el alojamiento de namecheap . Debido a problemas de enrutamiento, he habilitado useHash = true al exportar mi app-routing.ts .
export const appRoutingModule = RouterModule.forRoot(routes,{ enableTracing: false, useHash: true});Desde entonces, mis problemas de enrutamiento se resolvieron, sin embargo, en todas mis URL obtuve #.
Tema:
En un punto de mi código, accedo a la URL y analizo la URL, si ya hay un parámetro de consulta de búsqueda, agrego el nuevo con el símbolo & o, si no lo hay, agrego la consulta de búsqueda con ? señal.
var uid = this.route.snapshot; var searchURL = ""; alert("Checking search:: " + window.location.search); // returns empty alert("One more time:: " + new URLSearchParams(location.search)); // returns empty if (new URL(window.location.href).search == "") { searchURL = "?"+incomingSearch; } else { searchURL = new URL(window.location.href).search + "&" + incomingSearch; } this.location.replaceState( uid.routeConfig.path+ searchURL);Si mi url es como
http://localhost:4200/#/women?occasion=cozy La window.location.search devuelve vacío
Si elimino # de mi URL, recibí los datos
http://localhost:4200/women?occasion=cozy La window.location.search devuelve '?ocasión=acogedor'
Cualquier ayuda es apreciada. También he mirado esta pregunta pero $window.location.search da error aunque he instalado jquery.
Supongo que lo que quieres es modificar los parámetros de consulta de una URL que contiene un hash.
Como puede ver, agregar ?key=value o &key=value al final de la URL no es la forma correcta de agregar un parámetro de consulta (parámetro de búsqueda) a una URL, porque una URL puede contener un hash.
En la URL http://example.com/?a=1&b=2#foo?c=3&d=4 , los parámetros de consulta son {a: 1, b: 2} y el hash es foo?c=3&d=4 . Si desea insertar un parámetro de consulta en una URL, debe hacerlo antes del hash.
Los objetos de URL lo hacen conveniente (esto es de Node.js REPL, pero también funciona en el navegador):
> url = new URL("https://localhost/?a=1&b=2#foo") > url.hash = "bar" > url.href 'https://localhost/?a=1&b=2#bar' > url.searchParams.append("c", "something") > url.href 'https://localhost/?a=1&b=2&c=something#bar' > > url.searchParams URLSearchParams { 'a' => '1', 'b' => '2', 'c' => 'something' } > url.searchParams.get('a') '1' >