修改弹窗规则

src/App.vue

@@ -27,9 +27,9 @@ onMounted(async () => {
   snapshotStore.initSnapshotDatabase()
   mainStore.setAvailableFonts()
 })
-if (process.env.NODE_ENV === 'production') {
-    window.onbeforeunload = () => false
-}
+// if (process.env.NODE_ENV === 'production') {
+//     window.onbeforeunload = () => false
+// }
 // 应用注销时向 localStorage 中记录下本次 indexedDB 的数据库ID，用于之后清除数据库
 window.addEventListener('unload', () => {
   const discardedDB = localStorage.getItem(LOCALSTORAGE_KEY_DISCARDED_DB)
@@ -51,10 +51,20 @@ setInterval(() => {
   healthCheckHandler()
 }, 1000*60)
 
-onMounted( () => {
+onMounted(() => {
+  const rules = ['/editor/','/team_editor/','/manager_template/','/create_template/']
   window.onbeforeunload = function(event) {
-    event.preventDefault();
-  };
+    const currentUrl = window.location.pathname;
+    const shouldShowWarning = rules.some(rule => currentUrl.includes(rule));
+    console.log(shouldShowWarning)
+    if (shouldShowWarning) {
+      event.preventDefault();
+      const confirmationMessage = "你确定要离开这个页面吗？离开前注意检查是否已经保存";
+      event.returnValue = confirmationMessage;
+      return confirmationMessage;
+    }
+    return null;
+  }
 })
 </script>