当router.navigate改变URL时，Angular中的URL历史丢失/浏览器前进按钮被禁用。

要解决路由导航时URL历史丢失和浏览器前进按钮被禁用的问题，可以使用Angular的Location对象来手动管理URL历史。

下面是一个示例代码，展示如何使用Location对象来解决这个问题：

首先，确保在组件中注入Location对象：

import { Location } from '@angular/common';
constructor(private location: Location) { }
然后，在导航时使用Location对象的replaceState方法替代router.navigate方法：
this.location.replaceState('/new-url');
这将向浏览器历史添加一个新的URL，而不是替换掉当前的URL。这样做后，浏览器的前进按钮将会启用，并且URL历史也不会丢失。
完整的示例代码如下：
import { Component } from '@angular/core';
import { Router } from '@angular/router';
import { Location } from '@angular/common';
@Component({
  selector: 'app-example',
  template: `
    <button (click)="navigateToNewUrl()">Navigate to New URL</button>
export class ExampleComponent {
  constructor(private router: Router, private location: Location) { }
  navigateToNewUrl() {
    this.location.replaceState('/new-url');
请注意，在使用Location对象时，你需要确保URL与你的路由配置匹配，以便Angular的路由器能够正确地导航到所需的组件。