如何使用类星体框架在 javascript vue.js 中检测关闭选项卡/浏览器以注销

Question

I want to call the logout function on the close tab or close the browser only, not on the refresh page.
I tried with the below example code it doing logout on the close tab perfectly but also doing logout if I refresh the page.
I want to prevent logout on the refresh page.

 window.addEventListener('beforeunload', this.logout)

Answer 1

I added the below code in mounted() function and it works for me

 window.addEventListener("beforeunload", (event) => {
      // on the navigation type checking refresh or close tab/browser for logout

      console.log("performance.navigation.type " + performance.navigation.type);

      if (performance.navigation.type != 1) {
        this.logout();
      }
      return false;
    });