Retain query params while changing url path

Question

I am currently on the following endpoint.

http://www.mydomaintest.com/first_path?param1=1&param2=2

I am looking to change this to following where the path is now /new_path:

http://www.mydomaintest.com/new_path?param1=1&param2=2

Currently performing the following command which does change the path, but it removes the query params.

window.location.href = '/new_path';

How can I change the path but still retain the query params?

Harsh Saini · Accepted Answer · 2021-09-01 09:23:12Z

4

Instead of changing href just change the pathname, like this:

window.location.pathname = '/new_path';

It will update the URL and will retain the query params.

answered Sep 1, 2021 at 9:23

Harsh Saini

6365 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1