Html 重定向到外部链接window.location.href无法从8开始工作

我在我的页面中保留了一个重定向链接，它应该打开给定的链接。但是，它没有被重定向。只加载相同的页面

我正在使用Angular 8中的

window.location.href

。 这是正确的方法还是有其他选择。此外，我想打开重定向链接到一个新的页面，而不是重新加载相同的页面

app.component.html

<ul class="navbar-nav ml-auto" *ngIf="isLoggedIn">
  <li class="nav-item">
    <a href="/profile" class="nav-link" routerLink="profile">{{ username }}</a>
  </li>
  <li class="nav-item">
    <a href class="nav-link" (click)="logout()">LogOut</a>
  </li>
  <li class="nav-item">
    <a href class="nav-link" (click)="goToShoppingUrl()">Start Shopping</a>
  </li>
</ul>

如果我直接给出如下所示的href，那么它是有效的。然而，我不得不反过来做。谁能帮帮我吗

工作场景：

<li class="nav-item">
    <a href ="http://localhost:5000/" class="nav-link">Start Shopping</a>
</li>

来自我的UI的图像快照：

<li class="nav-item">
    <a href ="http://localhost:5000/" class="nav-link">Start Shopping</a>
</li>