在Angular 8中，可以使用嵌套可选路由来构建复杂的路由结构。下面是一个包含代码示例的解决方法：

首先，在app.module.ts文件中导入必要的模块和组件：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';
import { ContactComponent } from './contact.component';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  { path: 'contact', component: ContactComponent },
  { path: 'about/:id', component: AboutComponent } // 嵌套可选路由
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

接下来，在app.component.html文件中定义路由导航链接：

  
Angular 8 Nested Optional Routes
  

    
Home
    
About
    
Contact
  

在about.component.ts文件中，我们可以通过ActivatedRoute服务来获取可选路由参数：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-about',
  templateUrl: './about.component.html',
  styleUrls: ['./about.component.css']
})
export class AboutComponent implements OnInit {
  id: string;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.params.subscribe(params => {
      this.id = params['id'];
    });
  }
}

最后，在about.component.html文件中显示可选路由参数：

About Component
Optional Route Parameter: {{ id }}

这样，当访问/about路径时，我们可以通过/about/:id来传递可选的id参数，然后在AboutComponent中使用ActivatedRoute服务来获取该参数，并在页面中显示出来。

希望以上解决方法对你有所帮助！