无需react-router，如何在无第三方路由的SPA中编程式跳转外部URL？

嘿，我懂你的需求——在没有引入第三方路由库的SPA里，想在函数内部直接跳转到外部URL，又不想用普通的href或者额外安装路由工具对吧？其实用原生JavaScript就能轻松解决，给你几个实用的方法：

• 直接替换当前页面跳转：用window.location.href，这是最直接的方式，调用后会立即加载目标外部URL，完全不需要依赖任何路由：

  function redirectToExternal() {
    window.location.href = 'https://your-external-url.com';
  }
  

• 在新标签页打开外部链接：如果不想离开当前SPA页面，可以用window.open()，记得最好在用户主动触发的事件（比如按钮点击）里调用，避免被浏览器弹窗拦截：

  function openExternalInNewTab() {
    // '_blank' 指定在新标签页打开
    window.open('https://your-external-url.com', '_blank');
  }
  

• 跳转且不留下历史记录：如果不需要用户通过浏览器返回按钮回到当前SPA页面，可以用window.location.replace()，它会替换当前的历史记录条目：

  function redirectWithoutHistory() {
    window.location.replace('https://your-external-url.com');
  }
  

这些都是原生JS的内置API，完全独立于任何路由框架，直接在你的函数里调用就能实现需求，完美适配你的无路由SPA场景。

内容的提问来源于stack exchange，提问作者Nathanael