如何判断history.back()操作是否仍处于同一Angular应用内？

不需要手动维护路由栈，你可以通过以下两种更简洁的方式实现：

方法一：检查浏览器历史状态中的Angular路由标识 #

Angular每次路由导航时，会自动在window.history.state中添加navigationId、url等专属属性。你可以通过检测这些属性，判断上一条历史记录是否属于当前应用：

import { Router } from '@angular/router';
import { Component } from '@angular/core';

@Component({/* 组件配置 */})
export class YourComponent {
  constructor(private router: Router) {}

  goBack(): void {
    const previousHistoryState = window.history.state;
    // 判断上一条记录是否包含Angular路由的特征标记
    const isInAppRoute = previousHistoryState && 'navigationId' in previousHistoryState;

    if (isInAppRoute) {
      window.history.back();
    } else {
      // 若不在应用内，跳转到应用首页或指定路由
      this.router.navigate(['/']);
    }
  }
}

这种方式直接利用Angular内置的历史状态标记，无需额外维护路由栈，准确性较高。

方法二：通过路由配置验证目标URL #

你可以先获取上一条历史记录的URL，再通过Angular Router解析并验证该URL是否属于应用的路由配置：

import { Router } from '@angular/router';
import { Component } from '@angular/core';

@Component({/* 组件配置 */})
export class YourComponent {
  constructor(private router: Router) {}

  goBack(): void {
    // 获取上一条历史的URL（部分浏览器可能限制访问完整历史URL列表）
    const previousUrl = document.referrer;
    if (!previousUrl) {
      this.router.navigate(['/']);
      return;
    }

    // 解析URL并检查是否匹配应用内路由
    const parsedUrl = this.router.parseUrl(previousUrl);
    const isInAppRoute = this.router.config.some(route => 
      route.path === parsedUrl.path || (route.path !== '**' && parsedUrl.path.startsWith(`/${route.path}`))
    );

    if (isInAppRoute) {
      window.history.back();
    } else {
      this.router.navigate(['/']);
    }
  }
}

注意：document.referrer在部分场景下可能无法获取有效URL（比如用户直接输入地址进入页面），兼容性稍差，更推荐第一种方法。

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