监控 Vue.js

1. 接入插件

fundebug.min.js放在head标签中;也可以使用NPMRequireJS动态加载等其他方式接入。

2. 配置errorHandler

Vue.js 2.2.0+提供了 errorHandler, 在该 errorHandler中调用fundebug.notifyError函数即可。(一般在src目录的main.js文件中配置)

function formatComponentName(vm) {
    if (vm.$root === vm) return "root";

    var name = vm._isVue
        ? (vm.$options && vm.$options.name) ||
          (vm.$options && vm.$options._componentTag)
        : vm.name;
    return (
        (name ? "component <" + name + ">" : "anonymous component") +
        (vm._isVue && vm.$options && vm.$options.__file
            ? " at " + (vm.$options && vm.$options.__file)
            : "")
    );
}

Vue.config.errorHandler = function(err, vm, info) {
    if (vm) {
        var componentName = formatComponentName(vm);
        var propsData = vm.$options && vm.$options.propsData;
        fundebug.notifyError(err, {
            metaData: {
                componentName: componentName,
                propsData: propsData,
                info: info
            }
        });
    } else {
        fundebug.notifyError(err);
    }
};

results matching ""

    No results matching ""