Javascript 为什么历史不起作用？

我正在使用以下代码更改页面的URL，而无需重新加载整个页面：

 alert( window.location.href ); 
 window.history.pushState( {} , 'foo', '/foo' );
 alert( window.location.href ); 

结果:

第一次警报：

file:///C:/Users/name/Desktop/html/first.html

第二次警报：
没有警报，URL也没有更改，但我期待以下内容：

file:///C:/Users/name/Desktop/html/foo

---

故障在哪里？以及如何在不重新加载页面的情况下更改浏览器URL？

不要使用物理文件运行此命令。它应该托管在真实的域或本地主机上

示例：

可能存在的副本