PWA域外站点被加入历史栈：OAuth登录后history.go(-1)回退异常

我开发了一个带有OAuth登录功能的PWA，已指定作用域：

scope: "https://app.myapp.com"

预期所有跳转到域外URL的操作都会触发内置浏览器打开。登录流程中，我通过以下代码引导用户到Google授权页面：

window.location.href = "https://accounts.google.com/o/oauth2/v2/auth?client…"

操作确实触发了内置浏览器完成登录，用户也能正常返回应用。但调用history.go(-1)时，用户并未回到应用内的上一页，反而再次跳转到Google的授权URL——看起来这个域外URL尽管是通过内置浏览器打开的，仍被加入了PWA的历史栈。

这是不是Bug？ #

这不属于Bug，而是window.location.href跳转的固有行为导致的：

• PWA的scope参数主要用于界定PWA可控制的URL范围，决定哪些页面属于PWA上下文、哪些会触发外部浏览器，但它不会阻止window.location.href修改当前页面的历史栈。
• 当你在PWA页面内用window.location.href跳转时，无论目标URL是否在作用域内，这个跳转动作都会在当前页面的历史栈中添加一条记录。内置浏览器的触发是浏览器层面的拦截行为，但历史栈的修改已经在PWA的页面上下文里完成了，所以历史记录中会留下这个域外URL。

解决办法 #

• 改用window.open()打开授权URL：这种方式会在独立的内置浏览器窗口中打开OAuth页面，不会影响PWA自身的历史栈。登录完成后通过回调URL返回PWA，此时history.go(-1)只会操作PWA内部的历史记录。
• 手动处理历史栈：在跳转前使用history.replaceState()替换当前历史记录项，避免将域外URL加入栈中，但这种方式需要谨慎处理，防止破坏正常的导航逻辑。

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