在Angular 8中，可以使用可选的URL参数来处理路由。以下是一种解决方法的代码示例：

1. 首先，在路由模块中定义路由，并指定可选的URL参数：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home.component';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'details/:id', component: DetailsComponent },
  { path: 'details', component: DetailsComponent },
];

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

在上面的代码中，/details/:id路由定义了一个可选的URL参数:id。这意味着可以通过/details或/details/1访问相同的DetailsComponent组件。

2. 在组件中获取可选的URL参数。可以使用ActivatedRoute服务来获取URL参数的值。在组件的构造函数中注入ActivatedRoute服务，并使用params属性来获取URL参数的值。

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

@Component({
  selector: 'app-details',
  template: '
Details Component
'
})
export class DetailsComponent implements OnInit {
  id: string;

  constructor(private route: ActivatedRoute) { }

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

在上面的代码中，this.route.params.subscribe()方法用于监听URL参数的变化，并在参数变化时更新组件中的id属性。

这样，当访问/details时，id属性的值为undefined，当访问/details/1时，id属性的值为1。

注意：在使用可选URL参数时，需要注意路由的顺序。应该将具有可选URL参数的路由放在最后，以避免与其他路由冲突。