防止Chrome剥离网址参数

Question

我正在使用Angular 6应用程序，并且我想读取驻留在url中的项的ID。例如，www.mywebsite.com / 3，我尝试检索3。它在IE中工作正常，但在Chrome中，它重定向到www.mywebsite.com/#，因此，我无法检索ID（3为示例网址），我依靠它来检索后端的项目。有没有解决此问题的方法？     谢谢。

Answer 1

在TS

export class YourXPTOComponent implements OnInit {
  id: string;

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.id = this.route.snapshot.paramMap.get('id');
  }
}

在您的路线上

  {
    path: 'yourPath/:id',
    component: YourXPTOComponent,
  },

Answer 2

我能够通过在URL上添加一个额外的＃来解决此问题。因此，如果我们拥有www.mysite.com/#/3，则3将保留在Chrome的地址栏中。