Cómo cambiar la URL en la barra de direcciones sin recargar la página

¡Hola a todos! Soy un desarrollador frontend principiante y me encontré con esta tarea: necesito cambiar la URL en la barra de direcciones del navegador cuando el usuario hace clic en enlaces dentro del sitio, pero la página no debe recargarse. Por ejemplo, tengo una aplicación de una sola página (SPA) con una lista de artículos. Cuando el usuario hace clic en el título de un artículo, quiero que la URL cambie de `/` a `/article/123`, pero el contenido se cargue mediante AJAX sin recarga completa. Actualmente uso enlaces normales con `href`, y el navegador simplemente recarga la página. Probé usar `window.location.href = '/article/123'`, pero eso también provoca una recarga. Aquí hay un ejemplo de mi código actual: ```javascript // Esto no funciona como debería document.querySelector('.article-link').addEventListener('click', function(e) { e.preventDefault(); window.location.href = '/article/123'; // Igual recarga la página // Carga de contenido con fetch... }); ``` ¿Cómo cambio correctamente la URL sin recargar?