监控 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)
{
  var componentName = formatComponentName(vm);
  var propsData = vm.$options && vm.$options.propsData;

  fundebug.notifyError(err,
  {
      metaData:
      {
          componentName: componentName,
          propsData: propsData,
          info: info
      }
   });
};

results matching ""

    No results matching ""