Как запретить закрывать браузер на странице refre sh, используя beforeUnloadHander в angular

Question

Я использую beforeUnloadHander для вызова API при закрытии браузера, но он также работает при обновлении страницы. Все работает нормально, но я хочу удалить диалоговое окно по крайней мере при обновлении страницы. Вот код ниже

home.component.ts

import { HostListener,Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
@Component({
  selector: 'app-home',
  template: '<button (click)="gonextPage()">Go to next page</button>',
  styleUrls: ['./home.component.css']
})

export class HomeComponent implements OnInit {
imageSource :any;
statusdata1: any;
moreThanTen:boolean = false;
showit:boolean = false;
groupList:any = [];
@HostListener('window:beforeunload', ['$event'])
beforeUnloadHander(event) {
    event.preventDefault();
    event.returnValue = true;
    this.stopData();
    //return false;
}

constructor(private router: Router) { }
gonextPage(){
this.router.navigateByUrl('/page1');    
}
  ngOnInit() {
    /* First data */
    let response = 
    {"vehicle_number":1,"vehicle_name":"car","status":"yellow"}
    let response1 = {"vehicle_number":0,"vehicle_name":"car","status":"yellow"}
    let response2 = {"vehicle_number":2,"vehicle_name":"car","status":"yellow"}
    this.groupList.push(response,response1,response2);
    console.log(this.groupList);      

  }

}