user-behavior-monitor 2.0.0 → 4.0.1

package/dist/user-behavior-monitor.common.js

@@ -87,6 +87,22 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
+/***/ "0c60":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("d167");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("9677a646", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "2350":
 /***/ (function(module, exports) {
 
@@ -168,17 +184,6 @@ function toComment(sourceMap) {
 }
 
 
-/***/ }),
-
-/***/ "3505":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_4f34cec0_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f079");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_4f34cec0_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_4f34cec0_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "499e":
@@ -447,7 +452,7 @@ function applyToTag (styleElement, obj) {
 
 /***/ }),
 
-/***/ "a042":
+/***/ "d167":
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__("2350")(false);
@@ -462,19 +467,14 @@ exports.push([module.i, ".behavior-warning-dialog.el-dialog.el-dialog--center{te
 
 /***/ }),
 
-/***/ "f079":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "d1a8":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_0335f60c_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0c60");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_0335f60c_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_0335f60c_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-// load the styles
-var content = __webpack_require__("a042");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("1c569d63", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -503,12 +503,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14550f6a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBehaviorMonitor.vue?vue&type=template&id=4f34cec0
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14550f6a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBehaviorMonitor.vue?vue&type=template&id=0335f60c
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"behaviorMonitor",staticClass:"user-behavior-monitor"},[_c('el-dialog',{attrs:{"title":"提示","visible":_vm.showWarning,"show-close":false,"modal":true,"width":"30%","center":"","custom-class":"behavior-warning-dialog"},on:{"update:visible":function($event){_vm.showWarning=$event}}},[_c('span',[_vm._v(_vm._s(_vm.warningMessage))])])],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=template&id=4f34cec0
+// CONCATENATED MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=template&id=0335f60c
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBehaviorMonitor.vue?vue&type=script&lang=js
 //
@@ -560,7 +560,11 @@ var staticRenderFns = []
       lastActivityTime: null,
       isMonitoring: false,
       currentTimeoutMinutes: 10,
-      currentWarningMinutes: 1
+      currentWarningMinutes: 1,
+      reconnectAttempts: 0,
+      maxReconnectAttempts: 3,
+      reconnectDelay: 3000,
+      isLocalDevelopment: this.checkIfLocalDevelopment()
     };
   },
   mounted() {
@@ -610,6 +614,20 @@ var staticRenderFns = []
       
       return false;
     },
+
+    // 检查是否为本地开发环境
+    checkIfLocalDevelopment() {
+      if (typeof window !== 'undefined') {
+        const hostname = window.location.hostname;
+        return hostname === 'localhost' || 
+               hostname === '127.0.0.1' || 
+               hostname === '0.0.0.0' ||
+               /^192\.168\./.test(hostname) ||  // 局域网IP
+               /^10\./.test(hostname) ||        // 局域网IP
+               /^172\.(1[6-9]|2[0-9]|3[01])\./.test(hostname); // 局域网IP
+      }
+      return false;
+    },
     
     updateTimeoutSettings(timeoutMinutes, warningMinutes) {
       if (timeoutMinutes !== undefined) {
@@ -642,6 +660,7 @@ var staticRenderFns = []
       
       this.isMonitoring = true;
       this.lastActivityTime = Date.now();
+      this.reconnectAttempts = 0; // 重置重连尝试次数
       
       // 初始化WebSocket连接
       this.initWebSocket();
@@ -696,6 +715,8 @@ var staticRenderFns = []
           console.log('WebSocket连接已建立');
           this.sendUserBehavior();
           this.$emit('websocket-open');
+          // 连接成功时重置重连尝试次数
+          this.reconnectAttempts = 0;
         };
         
         // 设置接收消息回调
@@ -714,18 +735,98 @@ var staticRenderFns = []
         this.socket.onclose = (event) => {
           console.log('WebSocket连接已断开:', event.reason);
           this.$emit('websocket-close');
+          
+          // 如果不是在登录页面且监控仍在运行，尝试重连
+          if (this.shouldAttemptReconnect()) {
+            this.attemptReconnect();
+          } else if (!this.isLoginRoute() && this.isMonitoring) {
+            // 如果不应该重连但仍在监控状态，根据环境决定是否跳转
+            if (!this.isLocalDevelopment) {
+              this.handleReconnectFailure();
+            }
+          }
         };
         
         // 设置连接错误回调
         this.socket.onerror = (error) => {
           console.error('WebSocket错误:', error);
           this.$emit('websocket-error', error);
+          
+          // 如果不是在登录页面且监控仍在运行，尝试重连
+          if (this.shouldAttemptReconnect()) {
+            this.attemptReconnect();
+          } else if (!this.isLoginRoute() && this.isMonitoring) {
+            // 如果不应该重连但仍在监控状态，根据环境决定是否跳转
+            if (!this.isLocalDevelopment) {
+              this.handleReconnectFailure();
+            }
+          }
         };
         
       } catch (error) {
         console.error('WebSocket初始化失败:', error);
         this.$emit('websocket-error', error);
+        
+        // 初始化失败时也可以尝试重连（如果不是在登录页面）
+        if (this.shouldAttemptReconnect()) {
+          this.attemptReconnect();
+        } else if (!this.isLoginRoute() && this.isMonitoring) {
+          // 如果不应该重连但仍在监控状态，根据环境决定是否跳转
+          if (!this.isLocalDevelopment) {
+            this.handleReconnectFailure();
+          }
+        }
+      }
+    },
+    
+    // 判断是否应该尝试重连
+    shouldAttemptReconnect() {
+      return this.isMonitoring && 
+             !this.isLoginRoute() && 
+             this.reconnectAttempts < this.maxReconnectAttempts;
+    },
+    
+    // 添加重连方法
+    attemptReconnect() {
+      // 再次检查是否为登录页面
+      if (this.isLoginRoute()) {
+        console.log('当前在登录页面，取消重连');
+        return;
+      }
+      
+      this.reconnectAttempts++;
+      console.log(`尝试第${this.reconnectAttempts}次重连...`);
+      
+      // 如果是本地开发环境且重连次数已达到最大值，则不跳转登录页
+      if (this.isLocalDevelopment && this.reconnectAttempts >= this.maxReconnectAttempts) {
+        console.log('本地开发环境，重连失败但不跳转到登录页');
+        this.$emit('websocket-reconnect-failed');
+        return;
       }
+      
+      // 如果是线上环境且重连次数已达到最大值，则跳转到登录页
+      if (!this.isLocalDevelopment && this.reconnectAttempts >= this.maxReconnectAttempts) {
+        console.log('线上环境，重连失败，跳转到登录页');
+        this.handleReconnectFailure();
+        return;
+      }
+      
+      setTimeout(() => {
+        this.initWebSocket();
+      }, this.reconnectDelay);
+    },
+    
+    // 处理重连失败
+    handleReconnectFailure() {
+      // 清空缓存
+      localStorage.clear();
+      sessionStorage.clear();
+      
+      // 跳转到登录页
+      window.location.href = '/login';
+      
+      // 触发登出事件
+      this.$emit('logout');
     },
     
     // 处理活动状态信息
@@ -775,8 +876,6 @@ var staticRenderFns = []
     
     // 发送用户行为数据到后端
     sendUserBehavior(data) {
-      console.log('用户行为监测:')
-      if (this.warningTimer) clearTimeout(this.warningTimer);
       if (this.socket && this.socket.readyState === WebSocket.OPEN) {
         const message = {
           "type": "HEARTBEAT",
@@ -904,6 +1003,7 @@ var staticRenderFns = []
     resetTimer() {
       this.lastActivityTime = Date.now();
       this.showWarning = false;
+      this.reconnectAttempts = 0; // 重置重连尝试次数
       
       // 清除警告定时器
       if (this.warningTimer) {
@@ -941,7 +1041,7 @@ var staticRenderFns = []
     
     // 显示超时警告
     showWarningWarning(timeoutMinutes) {
-      let time=timeoutMinutes||50;
+      let time=timeoutMinutes||50000;
       console.log('Setting showWarning to true');
       this.showWarning = true;
       this.$emit('timeout-warning');
@@ -949,7 +1049,7 @@ var staticRenderFns = []
       // 设置超时处理
       this.warningTimer = setTimeout(() => {
         this.handleTimeout();
-      }, 1 * time * 1000);
+      }, time);
     },
     
     // 处理超时
@@ -1019,6 +1119,9 @@ var staticRenderFns = []
         return;
       }
       
+      // 重置重连尝试次数
+      this.reconnectAttempts = 0;
+      
       if (this.socket) {
         this.socket.close();
       }
@@ -1029,8 +1132,8 @@ var staticRenderFns = []
 
 // CONCATENATED MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=script&lang=js
  /* harmony default export */ var components_UserBehaviorMonitorvue_type_script_lang_js = (UserBehaviorMonitorvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=style&index=0&id=4f34cec0&prod&lang=css
-var UserBehaviorMonitorvue_type_style_index_0_id_4f34cec0_prod_lang_css = __webpack_require__("3505");
+// EXTERNAL MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=style&index=0&id=0335f60c&prod&lang=css
+var UserBehaviorMonitorvue_type_style_index_0_id_0335f60c_prod_lang_css = __webpack_require__("d1a8");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -1178,5 +1281,4 @@ if (typeof window !== 'undefined' && window.Vue) {
 
 /***/ })
 
-/******/ });
-//# sourceMappingURL=user-behavior-monitor.common.js.map
+/******/ });

package/dist/user-behavior-monitor.umd.js

@@ -96,6 +96,22 @@ return /******/ (function(modules) { // webpackBootstrap
 /************************************************************************/
 /******/ ({
 
+/***/ "0c60":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("d167");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("9677a646", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "2350":
 /***/ (function(module, exports) {
 
@@ -177,17 +193,6 @@ function toComment(sourceMap) {
 }
 
 
-/***/ }),
-
-/***/ "3505":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_4f34cec0_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f079");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_4f34cec0_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_4f34cec0_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "499e":
@@ -456,7 +461,7 @@ function applyToTag (styleElement, obj) {
 
 /***/ }),
 
-/***/ "a042":
+/***/ "d167":
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__("2350")(false);
@@ -471,19 +476,14 @@ exports.push([module.i, ".behavior-warning-dialog.el-dialog.el-dialog--center{te
 
 /***/ }),
 
-/***/ "f079":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "d1a8":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_0335f60c_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0c60");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_0335f60c_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_0335f60c_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-// load the styles
-var content = __webpack_require__("a042");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("1c569d63", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -512,12 +512,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14550f6a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBehaviorMonitor.vue?vue&type=template&id=4f34cec0
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"14550f6a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBehaviorMonitor.vue?vue&type=template&id=0335f60c
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"behaviorMonitor",staticClass:"user-behavior-monitor"},[_c('el-dialog',{attrs:{"title":"提示","visible":_vm.showWarning,"show-close":false,"modal":true,"width":"30%","center":"","custom-class":"behavior-warning-dialog"},on:{"update:visible":function($event){_vm.showWarning=$event}}},[_c('span',[_vm._v(_vm._s(_vm.warningMessage))])])],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=template&id=4f34cec0
+// CONCATENATED MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=template&id=0335f60c
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBehaviorMonitor.vue?vue&type=script&lang=js
 //
@@ -569,7 +569,11 @@ var staticRenderFns = []
       lastActivityTime: null,
       isMonitoring: false,
       currentTimeoutMinutes: 10,
-      currentWarningMinutes: 1
+      currentWarningMinutes: 1,
+      reconnectAttempts: 0,
+      maxReconnectAttempts: 3,
+      reconnectDelay: 3000,
+      isLocalDevelopment: this.checkIfLocalDevelopment()
     };
   },
   mounted() {
@@ -619,6 +623,20 @@ var staticRenderFns = []
       
       return false;
     },
+
+    // 检查是否为本地开发环境
+    checkIfLocalDevelopment() {
+      if (typeof window !== 'undefined') {
+        const hostname = window.location.hostname;
+        return hostname === 'localhost' || 
+               hostname === '127.0.0.1' || 
+               hostname === '0.0.0.0' ||
+               /^192\.168\./.test(hostname) ||  // 局域网IP
+               /^10\./.test(hostname) ||        // 局域网IP
+               /^172\.(1[6-9]|2[0-9]|3[01])\./.test(hostname); // 局域网IP
+      }
+      return false;
+    },
     
     updateTimeoutSettings(timeoutMinutes, warningMinutes) {
       if (timeoutMinutes !== undefined) {
@@ -651,6 +669,7 @@ var staticRenderFns = []
       
       this.isMonitoring = true;
       this.lastActivityTime = Date.now();
+      this.reconnectAttempts = 0; // 重置重连尝试次数
       
       // 初始化WebSocket连接
       this.initWebSocket();
@@ -705,6 +724,8 @@ var staticRenderFns = []
           console.log('WebSocket连接已建立');
           this.sendUserBehavior();
           this.$emit('websocket-open');
+          // 连接成功时重置重连尝试次数
+          this.reconnectAttempts = 0;
         };
         
         // 设置接收消息回调
@@ -723,18 +744,98 @@ var staticRenderFns = []
         this.socket.onclose = (event) => {
           console.log('WebSocket连接已断开:', event.reason);
           this.$emit('websocket-close');
+          
+          // 如果不是在登录页面且监控仍在运行，尝试重连
+          if (this.shouldAttemptReconnect()) {
+            this.attemptReconnect();
+          } else if (!this.isLoginRoute() && this.isMonitoring) {
+            // 如果不应该重连但仍在监控状态，根据环境决定是否跳转
+            if (!this.isLocalDevelopment) {
+              this.handleReconnectFailure();
+            }
+          }
         };
         
         // 设置连接错误回调
         this.socket.onerror = (error) => {
           console.error('WebSocket错误:', error);
           this.$emit('websocket-error', error);
+          
+          // 如果不是在登录页面且监控仍在运行，尝试重连
+          if (this.shouldAttemptReconnect()) {
+            this.attemptReconnect();
+          } else if (!this.isLoginRoute() && this.isMonitoring) {
+            // 如果不应该重连但仍在监控状态，根据环境决定是否跳转
+            if (!this.isLocalDevelopment) {
+              this.handleReconnectFailure();
+            }
+          }
         };
         
       } catch (error) {
         console.error('WebSocket初始化失败:', error);
         this.$emit('websocket-error', error);
+        
+        // 初始化失败时也可以尝试重连（如果不是在登录页面）
+        if (this.shouldAttemptReconnect()) {
+          this.attemptReconnect();
+        } else if (!this.isLoginRoute() && this.isMonitoring) {
+          // 如果不应该重连但仍在监控状态，根据环境决定是否跳转
+          if (!this.isLocalDevelopment) {
+            this.handleReconnectFailure();
+          }
+        }
+      }
+    },
+    
+    // 判断是否应该尝试重连
+    shouldAttemptReconnect() {
+      return this.isMonitoring && 
+             !this.isLoginRoute() && 
+             this.reconnectAttempts < this.maxReconnectAttempts;
+    },
+    
+    // 添加重连方法
+    attemptReconnect() {
+      // 再次检查是否为登录页面
+      if (this.isLoginRoute()) {
+        console.log('当前在登录页面，取消重连');
+        return;
+      }
+      
+      this.reconnectAttempts++;
+      console.log(`尝试第${this.reconnectAttempts}次重连...`);
+      
+      // 如果是本地开发环境且重连次数已达到最大值，则不跳转登录页
+      if (this.isLocalDevelopment && this.reconnectAttempts >= this.maxReconnectAttempts) {
+        console.log('本地开发环境，重连失败但不跳转到登录页');
+        this.$emit('websocket-reconnect-failed');
+        return;
       }
+      
+      // 如果是线上环境且重连次数已达到最大值，则跳转到登录页
+      if (!this.isLocalDevelopment && this.reconnectAttempts >= this.maxReconnectAttempts) {
+        console.log('线上环境，重连失败，跳转到登录页');
+        this.handleReconnectFailure();
+        return;
+      }
+      
+      setTimeout(() => {
+        this.initWebSocket();
+      }, this.reconnectDelay);
+    },
+    
+    // 处理重连失败
+    handleReconnectFailure() {
+      // 清空缓存
+      localStorage.clear();
+      sessionStorage.clear();
+      
+      // 跳转到登录页
+      window.location.href = '/login';
+      
+      // 触发登出事件
+      this.$emit('logout');
     },
     
     // 处理活动状态信息
@@ -784,8 +885,6 @@ var staticRenderFns = []
     
     // 发送用户行为数据到后端
     sendUserBehavior(data) {
-      console.log('用户行为监测:')
-      if (this.warningTimer) clearTimeout(this.warningTimer);
       if (this.socket && this.socket.readyState === WebSocket.OPEN) {
         const message = {
           "type": "HEARTBEAT",
@@ -913,6 +1012,7 @@ var staticRenderFns = []
     resetTimer() {
       this.lastActivityTime = Date.now();
       this.showWarning = false;
+      this.reconnectAttempts = 0; // 重置重连尝试次数
       
       // 清除警告定时器
       if (this.warningTimer) {
@@ -950,7 +1050,7 @@ var staticRenderFns = []
     
     // 显示超时警告
     showWarningWarning(timeoutMinutes) {
-      let time=timeoutMinutes||50;
+      let time=timeoutMinutes||50000;
       console.log('Setting showWarning to true');
       this.showWarning = true;
       this.$emit('timeout-warning');
@@ -958,7 +1058,7 @@ var staticRenderFns = []
       // 设置超时处理
       this.warningTimer = setTimeout(() => {
         this.handleTimeout();
-      }, 1 * time * 1000);
+      }, time);
     },
     
     // 处理超时
@@ -1028,6 +1128,9 @@ var staticRenderFns = []
         return;
       }
       
+      // 重置重连尝试次数
+      this.reconnectAttempts = 0;
+      
       if (this.socket) {
         this.socket.close();
       }
@@ -1038,8 +1141,8 @@ var staticRenderFns = []
 
 // CONCATENATED MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=script&lang=js
  /* harmony default export */ var components_UserBehaviorMonitorvue_type_script_lang_js = (UserBehaviorMonitorvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=style&index=0&id=4f34cec0&prod&lang=css
-var UserBehaviorMonitorvue_type_style_index_0_id_4f34cec0_prod_lang_css = __webpack_require__("3505");
+// EXTERNAL MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=style&index=0&id=0335f60c&prod&lang=css
+var UserBehaviorMonitorvue_type_style_index_0_id_0335f60c_prod_lang_css = __webpack_require__("d1a8");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -1188,5 +1291,4 @@ if (typeof window !== 'undefined' && window.Vue) {
 /***/ })
 
 /******/ });
-});
-//# sourceMappingURL=user-behavior-monitor.umd.js.map
+});