From cd2b83864733e868f4130ea8a7b78026c12483ba Mon Sep 17 00:00:00 2001 From: yuantao Date: Tue, 2 Dec 2025 10:28:16 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20=E9=87=8D=E6=9E=84?= =?UTF-8?q?=E9=94=99=E8=AF=AF=E7=9B=91=E6=8E=A7=E6=9E=B6=E6=9E=84=EF=BC=8C?= =?UTF-8?q?=E7=A7=BB=E9=99=A4tool.js=E4=B8=AD=E7=9A=84=E9=94=99=E8=AF=AF?= =?UTF-8?q?=E7=9B=91=E6=8E=A7=E4=BB=A3=E7=A0=81=EF=BC=8C=E6=94=B9=E4=B8=BA?= =?UTF-8?q?=E4=BD=BF=E7=94=A8uniapp-error-monitor=E5=A4=96=E9=83=A8?= =?UTF-8?q?=E5=BA=93=EF=BC=8C=E5=AE=9E=E7=8E=B0=E8=81=8C=E8=B4=A3=E5=88=86?= =?UTF-8?q?=E7=A6=BB=E5=92=8C=E4=BB=A3=E7=A0=81=E7=AE=80=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- api/request.js | 17 +-- common/utils/tool.js | 264 +------------------------------------------ main.js | 21 ++-- 3 files changed, 17 insertions(+), 285 deletions(-) diff --git a/api/request.js b/api/request.js index b75df27..9655ee8 100644 --- a/api/request.js +++ b/api/request.js @@ -1,5 +1,6 @@ import Request from '@/lib/luch-request/index.js' import tool from '@/common/utils/tool.js' +import { reportError } from 'uniapp-error-monitor' const baseUrl = import.meta.env.VITE_BASE_URL const http = new Request() @@ -32,21 +33,7 @@ http.interceptors.response.use(response => { } if (response.data.code !== 1 || response.data.code !== 200) { - tool.reportError( - 'api', - { - url: response.config.url, - method: response.config.method, - statusCode: response.data.code || response.statusCode, - statusText: response.data.msg || response.data.message || '未知错误', - responseTime: Date.now() - (response.config.startTime || Date.now()), - requestData: response.config.data, - requestHeaders: response.config.header, - environment: import.meta.env.MODE, - }, - {}, - true - ) + reportError('api', response) } if (response.statusCode == 200) { diff --git a/common/utils/tool.js b/common/utils/tool.js index 2a90d05..0f0395b 100644 --- a/common/utils/tool.js +++ b/common/utils/tool.js @@ -1,113 +1,5 @@ -// 环境变量处理 -const getEnvVar = (key, defaultValue = '') => { - if (typeof import !== 'undefined' && import.meta && import.meta.env) { - return import.meta.env[key] || defaultValue - } - if (typeof process !== 'undefined' && process.env) { - return process.env[key] || defaultValue - } - return defaultValue -} - -const baseUrl = getEnvVar('VITE_BASE_URL', 'https://api.example.com') -const assetsUrl = getEnvVar('VITE_ASSETSURL', '/assets/') - -// 错误监控实例 -let errorMonitor = null - -/** - * 初始化错误监控实例 - */ -function initErrorMonitorInstance() { - if (errorMonitor) return errorMonitor - - try { - // 在 Node.js 环境下不尝试导入 uniapp-error-monitor - if (typeof window === 'undefined' && typeof uni === 'undefined') { - throw new Error('非浏览器/UniApp 环境，跳过 uniapp-error-monitor 导入') - } - - // 尝试导入 uniapp-error-monitor - const ErrorMonitorModule = require('uniapp-error-monitor') - if (ErrorMonitorModule.default) { - errorMonitor = new ErrorMonitorModule.default() - } else if (ErrorMonitorModule.ErrorMonitor) { - errorMonitor = new ErrorMonitorModule.ErrorMonitor() - } else { - throw new Error('未找到可用的 ErrorMonitor 类') - } - console.log('[Tool] 使用 uniapp-error-monitor') - } catch (error) { - console.warn('[Tool] uniapp-error-monitor 导入失败，将使用本地错误监控实现:', error.message) - - // 本地错误监控实现 - errorMonitor = { - errorStats: { - total: 0, - global: 0, - promise: 0, - console: 0, - miniProgram: 0, - api: 0, - network: 0, - manual: 0, - lastErrorTime: null, - }, - - init(config = {}) { - console.log('[Tool] 使用本地错误监控实现') - // 这里可以添加本地错误监控逻辑 - }, - - reportError(type = 'manual', error, context = {}, forceSend = false) { - this.errorStats.total++ - this.errorStats[type] = (this.errorStats[type] || 0) + 1 - this.errorStats.lastErrorTime = Date.now() - console.log(`[Tool] 错误上报: ${type}`, error) - }, - - wrapPromise(promise) { - return promise.catch(error => { - this.reportError('promise', error) - throw error - }) - }, - - getErrorStats() { - return { ...this.errorStats } - }, - - resetErrorStats() { - this.errorStats = { - total: 0, - global: 0, - promise: 0, - console: 0, - miniProgram: 0, - api: 0, - network: 0, - manual: 0, - lastErrorTime: null, - } - }, - - getEnvironmentInfo() { - return { - isProduction: getEnvVar('MODE') === 'production', - mode: getEnvVar('MODE', 'development'), - platform: 'Unknown', - errorMonitorEnabled: true, - timestamp: Date.now(), - } - } - } - } - - return errorMonitor -} - -// 初始化错误监控实例 -const monitorInstance = initErrorMonitorInstance() +const baseUrl = import.meta.env.VITE_BASE_URL +const assetsUrl = import.meta.env.VITE_ASSETSURL /** * 工具类 - 提供常用的工具方法 @@ -120,15 +12,10 @@ class Tool { NONE: 0, SUCCESS: 1, LOADING: 2, - ERROR: 3, - WARNING: 4, } // 字体加载状态缓存 this.loadedFonts = new Set() - - // 错误监控配置 - this.config = null } /** @@ -148,8 +35,6 @@ class Tool { [this.ICON_TYPES.NONE]: 'none', [this.ICON_TYPES.SUCCESS]: 'success', [this.ICON_TYPES.LOADING]: 'loading', - [this.ICON_TYPES.ERROR]: 'error', - [this.ICON_TYPES.WARNING]: 'none', // uni-app toast不支持warning图标 } uni.showToast({ @@ -453,58 +338,16 @@ class Tool { }) }) } - - /** - * 处理支付流程的完整方法 - * @param {Object} paymentData 支付参数 - * @param {Function} successCallback 成功回调 - * @param {Function} errorCallback 错误回调 - * @returns {Promise} 支付结果 - */ - async handlePayment(paymentData, successCallback = null, errorCallback = null) { - try { - // 调用微信支付 - const res = await this.requestPayment(paymentData) - this.alert('支付完成，正在验证结果...', this.ICON_TYPES.LOADING) - - // 如果有成功回调，调用它 - if (successCallback && typeof successCallback === 'function') { - await successCallback(res) - } - - return res - } catch (error) { - console.log('支付失败:', error) - - // 错误处理 - if (error.errMsg && error.errMsg.includes('cancel')) { - await this.alert('支付已取消', this.ICON_TYPES.WARNING) - } else { - await this.alert('支付失败，请重试', this.ICON_TYPES.ERROR) - } - - // 如果有错误回调，调用它 - if (errorCallback && typeof errorCallback === 'function') { - await errorCallback(error) - } - - throw error - } - } upload(filePath) { return new Promise((resolve, reject) => { uni.uploadFile({ - url: `${baseUrl}/j1732/api/front/upload/image`, + url: `${baseUrl}file/upload`, fileType: 'image', header: { - 'Authori-zation': `${this.storage('token')}`, + Authorization: `Bearer ${this.storage('token')}`, }, filePath, - name: 'multipart', - formData: { - model: 'user', // 用户模块 - pid: 7, // 前台用户分类ID - }, + name: 'file', success: ({ data }) => { resolve(JSON.parse(data)) }, @@ -514,103 +357,6 @@ class Tool { }) }) } - - /** - * 初始化全局错误监控 - * @param {Object} options 配置选项 - * @param {boolean} [options.enableGlobalError=true] 是否启用全局错误捕获 - * @param {boolean} [options.enablePromiseError=true] 是否启用Promise错误捕获 - * @param {boolean} [options.enableConsoleError=true] 是否启用console.error捕获 - * @param {string} [options.webhookUrl] 自定义webhook地址，不传则使用环境变量 - * @param {number} [options.maxRetries=3] 发送失败时最大重试次数 - * @param {number} [options.retryDelay=1000] 重试延迟时间(毫秒) - * @param {boolean} [options.forceEnable=false] 强制启用错误监控（忽略环境检查） - */ - initErrorMonitor(options = {}) { - const config = { - enableGlobalError: true, - enablePromiseError: true, - enableConsoleError: false, - webhookUrl: import.meta.env.VITE_WEBHOOK, - maxRetries: 3, - retryDelay: 1000, - forceEnable: false, - ...options, - } - - this.config = config - - // 使用 uniapp-error-monitor 或本地实现初始化错误监控 - monitorInstance.init(config) - - console.log('错误监控已初始化（基于 uniapp-error-monitor）') - } - - /** - * 手动上报错误 - * @param {string} type 错误类型 ('manual', 'api', 'network', 'global', 'promise', 'console', 'miniProgram') - * @param {Error|Object} error 错误对象或错误信息 - * @param {Object} [context] 错误上下文信息 - * @param {boolean} [forceSend=false] 强制发送（忽略环境检查） - */ - reportError(type = 'manual', error, context = {}, forceSend = false) { - monitorInstance.reportError(type, error, context, forceSend) - } - - /** - * 包装Promise，自动捕获Promise错误 - * @param {Promise} promise 要包装的Promise - * @returns {Promise} 包装后的Promise - */ - wrapPromise(promise) { - return monitorInstance.wrapPromise(promise) - } - - /** - * 获取错误统计信息 - * @returns {Object} 错误统计信息 - */ - getErrorStats() { - return monitorInstance.getErrorStats() - } - - /** - * 重置错误统计 - */ - resetErrorStats() { - monitorInstance.resetErrorStats() - } - - /** - * 获取当前环境信息 - * @returns {Object} 环境信息 - */ - getEnvironmentInfo() { - return monitorInstance.getEnvironmentInfo() - } - - /** - * 确认对话框 - * @param {string} content 确认内容 - * @param {string} [title='提示'] 标题 - * @returns {Promise} 用户选择结果，true为确认，false为取消 - */ - confirm(content, title = '提示') { - return new Promise(resolve => { - uni.showModal({ - title, - content, - confirmText: '确认', - cancelText: '取消', - success: res => { - resolve(res.confirm) - }, - fail: () => { - resolve(false) - }, - }) - }) - } } // 创建单例并导出 diff --git a/main.js b/main.js index eb16d1e..d5982c6 100644 --- a/main.js +++ b/main.js @@ -2,9 +2,9 @@ import App from './App' import uviewPlus from '/uview-plus' import globalMixin from './mixins/global' import store from './store' -import tool from './common/utils/tool' import { createSSRApp } from 'vue' import './uni.promisify.adaptor' +import { initErrorMonitor } from 'uniapp-error-monitor' uni.$zp = { config: { @@ -18,16 +18,15 @@ export function createApp() { app.use(uviewPlus) app.use(globalMixin) app.use(store) - - // 初始化全局错误监控 - // 注意：只有在生产环境下才会启用错误监控和WebHook上报 - // 开发环境和体验版会自动禁用错误监控 - tool.initErrorMonitor({ - enableGlobalError: true, - enablePromiseError: true, - enableConsoleError: false, // 可选开启console错误监控 - // forceEnable: true, // 如需强制启用，可取消注释此行 + + // 初始化错误监控 + initErrorMonitor({ + webhookUrl: import.meta.env.VITE_WEBHOOK, // 必填 + enableGlobalError: true, // 启用全局错误捕获 + enablePromiseError: true, // 启用 Promise 错误捕获 + enableConsoleError: false, // 禁用 console.error 捕获 + // forceEnable: true, }) - + return { app } }