Wie ändere ich die URL in der Adressleiste ohne Seitenneuladung?

Hallo zusammen! Ich bin ein angehender Frontend-Entwickler und stehe vor folgender Aufgabe: Ich muss die URL in der Adressleiste des Browsers ändern, wenn der Benutzer auf Links innerhalb der Website klickt, aber die Seite soll dabei nicht neu geladen werden. Zum Beispiel habe ich eine Single-Page-Anwendung (SPA) mit einer Liste von Artikeln. Wenn der Benutzer auf den Titel eines Artikels klickt, möchte ich, dass die URL von `/` auf `/article/123` wechselt, aber der Inhalt wird über AJAX ohne vollständiges Neuladen geladen. Derzeit verwende ich normale Links mit `href`, und der Browser lädt die Seite einfach neu. Ich habe versucht, `window.location.href = '/article/123'` zu verwenden, aber das verursacht ebenfalls ein Neuladen. Hier ist ein Beispiel meines aktuellen Codes: ```javascript // Das funktioniert nicht wie gewünscht document.querySelector('.article-link').addEventListener('click', function(e) { e.preventDefault(); window.location.href = '/article/123'; // Lädt die Seite trotzdem neu // Laden des Inhalts über fetch... }); ``` Wie ändere ich die URL korrekt ohne Neuladen?