// 监听前端异常事件
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
? '\u661f\u671f'
: '\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 };
