您的新url。

let newUrlIS =  window.location.origin + '/user/profile/management';

在某种意义上，调用pushState（）类似于设置window.location=“#foo”，因为两者都会创建并激活与当前文档相关的另一个历史条目。但是pushState（）有一些优点：

history.pushState({}, null, newUrlIS);

您可以签出根目录：https://developer.mozilla.org/en-US/docs/Web/API/History_API

这是我的解决方案（newUrl是您要用当前URL替换的新URL）：

history.pushState({}, null, newUrl);

HTML5引入了history.pushState（）和history.replaceState（）方法，分别允许您添加和修改历史条目。

window.history.pushState('page2', 'Title', '/page2.php');

从这里了解更多信息

如果你想做的是允许用户为页面添加书签/共享页面，而你不需要它恰好是正确的URL，并且你没有使用哈希锚来做任何其他事情，那么你可以分两部分来做；您使用该位置。然后在主页上执行检查，以查找其中包含哈希锚的URL，并将您重定向到后续结果。

例如：

用户位于www.site.com/section/page/4用户执行一些操作，将URL更改为www.site.com/#/section/page/6（带有哈希）。假设您已将第6页的正确内容加载到页面中，因此除了哈希之外，用户不会受到太大的干扰。用户将此URL传递给其他人，或为其添加书签其他人或同一用户稍后会访问www.site.com/#/ssection/page/6www.site.com/上的代码使用如下方式将用户重定向到www.site.com/section/page/6：

if (window.location.hash.length > 0){ 
   window.location = window.location.hash.substring(1);
}

希望这是有意义的！对于某些情况，这是一种有用的方法。

这就是无需重新加载即可导航的全部内容

//添加设置而不重新加载location.hash=“设置”；//如果url随哈希更改，请执行某些操作window.addEventListener（'hashchange'，（）=>{console.log（'rl哈希已更改！'）；});//如果url更改，请执行某些操作（不要使用哈希检测更改）//window.addEventListener（'locationchange'，function（）{//console.log（'rl已更改！'）；//})//删除#设置而不重新加载history.back（）；

这段代码对我很有用。我在ajax应用程序中使用了它。

history.pushState({ foo: 'bar' }, '', '/bank');

一旦使用ajax将页面加载到ID中，它会自动更改浏览器url，而无需重新加载页面。

这是下面的ajax函数。

function showData(){
    $.ajax({
      type: "POST",
      url: "Bank.php", 
      data: {}, 
      success: function(html){          
        $("#viewpage").html(html).show();
        $("#viewpage").css("margin-left","0px");
      }
    });
  }

示例：从任何页面或控制器（如“Dashboard”），当我单击银行时，它会使用ajax代码加载银行列表，而无需重新加载页面。此时，浏览器URL将不会更改。

history.pushState({ foo: 'bar' }, '', '/bank');

但是当我在ajax中使用这段代码时，它会在不重新加载页面的情况下更改浏览器url。下面是完整的ajax代码。

function showData(){
        $.ajax({
          type: "POST",
          url: "Bank.php", 
          data: {}, 
          success: function(html){          
            $("#viewpage").html(html).show();
            $("#viewpage").css("margin-left","0px");
            history.pushState({ foo: 'bar' }, '', '/bank');
          }
        });
      }