Angular 项目忘记密码发送电子邮件链接在 Chrome 浏览器中不起作用（仅第一次。第二次按预期工作）

Question

我正在开发一个 angular6 应用程序并使用域石灰“www.mydomain.com/”进行部署。

所有路由都运行良好，例如“www.mydomain.com/dashboard”、“www.mydomain.com/products”等，

问题是我们有一个更改密码来链接它，就像“www.mydomain.com/mga/sps/authsvcurn:ibm:security:authentication/changePassword”。 （链接是发送 OTP 邮件到我们的邮件 id 用于登录应用程序并等待更新 OTP）

我使用链接重定向更改密码。但它不会重定向它只会转到主页“www.mydomain.com/”，因为路由相同的域。

更新

此问题仅发生在仅限首次使用 chrome 浏览器。当我第一次登录时点击“更改密码”按钮，链接被触发，但几秒钟后重定向到主页。

如果我第二次单击同一个按钮，链接将重定向到正确的页面（更改密码 URL 页面）。

我该如何解决这个问题？请帮帮我。

代码如下：

my-profile.component.html

<a (click)="changePassword()">Change Password</a>

my-profile.component.ts

changePassword() {     window.location.href = 'www.mydomain.com/mga/sps/authsvcurn:ibm:security:authentication/changePassword';   }

Answer 1

您是否已经尝试过 Angular 路由器？

import { Router } from '@angular/router';

constructor(
    private router: Router
  ) { }

changePassword() {
    this.router.navigate(['/myURL', { myParamName: myParamValue }]);
  }

在目标组件中：

import { ActivatedRoute, ParamMap } from '@angular/router';

  constructor(
    private route: ActivatedRoute
  ) { }

public ngOnInit() {
    this.route.paramMap
      .subscribe((params: ParamMap) => {
        const myParamValue = params.get('myParamName');
        if (myParamValue) {

        }
    });
}

Answer 2

您可以将changePassword() 方法更改为：

<a (click)="changePassword($event)">Change Password</a>


changePassword(event) {
    window.location.href = 'www.mydomain.com/mga/sps/authsvcurn:ibm:security:authentication/changePassword';
    event.preventDefault();
 }

您也可以使用window.open:

// _blank is optional, it opens the url in a new window. 
// You can omit if you want to navigate from the current window.

window.open("https://google.com/","_blank");

更新

其他可以帮助你调试的点​​：

1 - 启用路由跟踪（app-routing.module.ts）：

imports: [
    RouterModule.forRoot(
      routes,
      { enableTracing: true } // <-- for debugging purposes only
    )
]

这将在 DevTools 控制台上打印 Angular 访问的所有路由。
这为您提供了一些见解，为什么第一次不工作。

我可能猜到，目标路由或所需参数未正确定义，Angular 路由无法将其与任何配置的路径匹配，重定向到 /home。

2 - 如果 Stackblitz 解决方案不可行，您能否提供所有涉及的路由以及触发重定向时涉及的所有相关参数？