// 监听前端异常事件 window.addEventListener('error', e => errorHandler(e), true); // 纷领云--平台端--项目id const projectId = 10003; // ajax请求封装 const _ajax = opt => { try { opt = opt || {}; opt.method = opt.method.toUpperCase() || 'POST'; opt.url = opt.url || ''; opt.async = opt.async || true; opt.data = opt.data || null; opt.success = opt.success || function() {}; var xmlHttp = null; if (XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); } var params = []; for (var key in opt.data) { params.push(key + '=' + opt.data[key]); } var postData = params.join('&'); if (opt.method.toUpperCase() === 'POST') { xmlHttp.open(opt.method, opt.url, opt.async); xmlHttp.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded;charset=utf-8' ); xmlHttp.send(postData); } else if (opt.method.toUpperCase() === 'GET') { xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async); xmlHttp.send(null); } xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { try { opt.success(xmlHttp.responseText); } catch (e) { console.log('错误日志接口报错,不用理会-1'); } } }; } catch (e) { console.log('错误日志接口报错,不用理会-2'); } }; // 忽略的域名 const ignoreDomain = { notAccessDomain: [ 'localhost', 't.finlean.com', 't.finlean.top', '192.168.1' ] }; // 是否忽略 let isIgnore = null; isIgnore = ignoreDomain.notAccessDomain.find(val => { return location.hostname.indexOf(val) !== -1; }); // 拉取【忽略的域名】接口 // _ajax({ // method: 'GET', // url: 'https://t.finlean.top/json/frontLog/frontLogConfig.json', // success(res) { // isIgnore = res.notAccessDomain.find(val => { // return location.hostname.indexOf(val) !== -1; // }); // } // }); // api接口错误先行处理 const apiErrorHandler = error => { if (error.response.status !== 400) { let _err = { errType: '接口错误', errCode: error.response.data.errorCode, message: error.response.data.errMsg, APIURL: error.config.url, data: error.config.data, statusCode: error.response.status }; errorHandler(_err); } }; // 【code、api】异常收集处理函数 const errorHandler = (e, t) => { console.error(e); if (isIgnore) { if (isIgnore !== 'send') return; } let AgentInfo = _AgentInfo._init(); let basicInfo = { errType: e.errType || '代码错误', createDate: '', projectId: projectId, projectName: document.title, projectUrl: window.location.href, stack: '', fileName: '', message: '', cookies: JSON.stringify(document.cookie), localStorage: JSON.stringify(window.localStorage), sessionStorage: JSON.stringify(window.sessionStorage), browser: AgentInfo.browserName, browserVersion: AgentInfo.browserVer, system: AgentInfo.OSname, device: AgentInfo.deviceType }; basicInfo.createDate = formatDate(new Date(), 'YYYY-MM-DD HH:mm:ss'); let _localStorage = JSON.parse(basicInfo.localStorage); delete _localStorage.clouds2_plat_plamenuInfo; delete _localStorage.clouds2_plat_planId; basicInfo.localStorage = JSON.stringify(_localStorage); // 收集【接口请求错误】 if (e.errType) { basicInfo.message = e.message; basicInfo.errCode = e.errCode; basicInfo.APIURL = e.APIURL; basicInfo.data = e.data; basicInfo.statusCode = e.statusCode; delete basicInfo.fileName; } else { // 收集【非接口请求错误】 if (t) { //Vue 报错机制 basicInfo.stack = e.stack; basicInfo.message = e.message; } else { // Window 报错机制 if (e.target.localName) { if (e.target.localName === 'img') { // img[src]:图片请求链接错误监控 basicInfo.message = 'Image Not Found: ' + e.target.src; basicInfo.errType = '资源引入错误'; } } else { // 收集【运行时js错误】 let { message, filename, error } = e; if (error) basicInfo.stack = error.stack; basicInfo.message = message; basicInfo.fileName = filename; } } } //发送请求,将错误数据保存到数据库 _ajax({ method: 'POST', url: 'https://t.finlean.top/frontLogApi/saveError', // 线上接口 // url: 'http://192.168.1.11:8999/frontLogApi/saveError',// 本地接口 data: basicInfo }); }; /* 获取设备信息 返回值: { browser: '浏览器名称', browserV: '浏览器版本', system: '操作系统', device: '设备:pc或mobile', } */ const _AgentInfo = { deviceType: '', // pc or mobile OSname: '', // windows, Android, linux and so on... browserName: '', // chrome, safari, firefox, IE and so on... browserVer: '', // browser version, important if in IE environment. adaptType: 0, // A type value, Adapt to the screen due to width _init() { _AgentInfo.setDeviceAndOS(); _AgentInfo.setBrowser(); return { browser: _AgentInfo.browserName, browserVersion: _AgentInfo.browserVer, system: _AgentInfo.OSname, device: _AgentInfo.deviceType }; }, setDeviceAndOS() { var name = 'unknown'; if (window.navigator.userAgent.indexOf('Android') != -1) { name = 'Android'; } else if (window.navigator.userAgent.indexOf('iPhone') != -1) { name = 'iPhone'; } else if (window.navigator.userAgent.indexOf('SymbianOS') != -1) { name = 'SymbianOS'; } else if (window.navigator.userAgent.indexOf('Windows Phone') != -1) { name = 'Windows Phone'; } else if (window.navigator.userAgent.indexOf('iPad') != -1) { name = 'iPad'; } else if (window.navigator.userAgent.indexOf('iPod') != -1) { name = 'iPod'; } if (name != 'unknown') { _AgentInfo.OSname = name; _AgentInfo.deviceType = 'mobile'; return; } if (window.navigator.userAgent.indexOf('Windows NT 10.0') != -1) { name = 'Windows 10'; } else if (window.navigator.userAgent.indexOf('Windows NT 6.2') != -1) { name = 'Windows 8'; } else if (window.navigator.userAgent.indexOf('Windows NT 6.1') != -1) { name = 'Windows 7'; } else if (window.navigator.userAgent.indexOf('Windows NT 6.0') != -1) { name = 'Windows Vista'; } else if (window.navigator.userAgent.indexOf('Windows NT 5.1') != -1) { name = 'Windows XP'; } else if (window.navigator.userAgent.indexOf('Windows NT 5.0') != -1) { name = 'Windows 2000'; } else if (window.navigator.userAgent.indexOf('Mac') != -1) { name = 'Mac/iOS'; } else if (window.navigator.userAgent.indexOf('X11') != -1) { name = 'UNIX'; } else if (window.navigator.userAgent.indexOf('Linux') != -1) { name = 'Linux'; } _AgentInfo.OSname = name; _AgentInfo.deviceType = 'pc'; }, setBrowser() { var nAgt = navigator.userAgent; var browserName = navigator.appName; var fullVersion = '' + parseFloat(navigator.appVersion); var majorVersion = parseInt(navigator.appVersion, 10); var nameOffset, verOffset, ix; if ((verOffset = nAgt.indexOf('Opera')) != -1) { // In Opera, the true version is after "Opera" or after "Version" browserName = 'Opera'; fullVersion = nAgt.substring(verOffset + 6); if ((verOffset = nAgt.indexOf('Version')) != -1) fullVersion = nAgt.substring(verOffset + 8); } else if (nAgt.indexOf('Trident') != -1) { // ( ver >= ie7) In MSIE, the true version is after "MSIE" in userAgent if ((verOffset = nAgt.indexOf('MSIE')) != -1) { fullVersion = nAgt.substring(verOffset + 5); } else { fullVersion = '11.0'; } if (fullVersion == 5) { fullVersion = '11.0'; } browserName = 'IE'; } else if ((verOffset = nAgt.indexOf('Chrome')) != -1) { // In Chrome, the true version is after "Chrome" browserName = 'Chrome'; fullVersion = nAgt.substring(verOffset + 7); } else if ((verOffset = nAgt.indexOf('Safari')) != -1) { // In Safari, the true version is after "Safari" or after "Version" browserName = 'Safari'; fullVersion = nAgt.substring(verOffset + 7); if ((verOffset = nAgt.indexOf('Version')) != -1) fullVersion = nAgt.substring(verOffset + 8); } else if ((verOffset = nAgt.indexOf('Firefox')) != -1) { // In Firefox, the true version is after "Firefox" browserName = 'Firefox'; fullVersion = nAgt.substring(verOffset + 8); } else if ( (nameOffset = nAgt.lastIndexOf(' ') + 1) < (verOffset = nAgt.lastIndexOf('/')) ) { // In most other browsers, "name/version" is at the end of userAgent browserName = nAgt.substring(nameOffset, verOffset); fullVersion = nAgt.substring(verOffset + 1); if (browserName.toLowerCase() == browserName.toUpperCase()) { browserName = navigator.appName; } } if ((ix = fullVersion.indexOf(';')) != -1) // trim the fullVersion string at semicolon/space if present fullVersion = fullVersion.substring(0, ix); if ((ix = fullVersion.indexOf(' ')) != -1) fullVersion = fullVersion.substring(0, ix); majorVersion = parseInt('' + fullVersion, 10); if (isNaN(majorVersion)) { fullVersion = '' + parseFloat(navigator.appVersion); majorVersion = parseInt(navigator.appVersion, 10); } _AgentInfo.browserName = browserName; _AgentInfo.browserVer = fullVersion; }, isMobile() { if (_AgentInfo.deviceType == 'mobile') { return true; } return false; }, setAdaptType() { // A type value, Adapt to the screen due to width. For convenient if (screen.width <= 374) { _AgentInfo.adaptType = 0; } else if (screen.width <= 413) { _AgentInfo.adaptType = 1; } else { _AgentInfo.adaptType = 2; } } }; // 日期格式化 const formatDate = (date, fmt) => { if (!date) { return null; } if (typeof date === 'string') { date = new Date(date.replace(/-/g, '/')); } if (typeof date === 'number') { date = new Date(date); } if (fmt === undefined) { return Number(date); } else { var o = { 'M+': date.getMonth() + 1, 'D+': date.getDate(), 'h+': date.getHours() % 12 === 0 ? 12 : date.getHours() % 12, 'H+': date.getHours(), 'm+': date.getMinutes(), 's+': date.getSeconds(), 'q+': Math.floor((date.getMonth() + 3) / 3), S: date.getMilliseconds() }; var week = { '0': 'u65e5', '1': 'u4e00', '2': 'u4e8c', '3': 'u4e09', '4': 'u56db', '5': 'u4e94', '6': 'u516d' }; if (/(Y+)/.test(fmt)) { fmt = fmt.replace( RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length) ); } if (/(E+)/.test(fmt)) { fmt = fmt.replace( RegExp.$1, (RegExp.$1.length > 1 ? RegExp.$1.length > 2 ? 'u661fu671f' : 'u5468' : '') + week[date.getDay() + ''] ); } for (var k in o) { if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace( RegExp.$1, RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length) ); } } return fmt; } }; // 将【异常处理函数】注册为vue插件,之后可以通过 vue.errorHandler(params)或this.errorHandler(params)主动调用 const install = (Vue, flag) => { if (install.installed) return; install.installed = true; if (flag) isIgnore = flag; Vue.config.errorHandler = errorHandler; Object.defineProperties(Vue.prototype, { errorHandler: { get() { return errorHandler; } }, apiErrorHandler: { get() { return apiErrorHandler; } } }); window.apiErrorHandler = apiErrorHandler; window.errorHandler = errorHandler; }; export default { install };