sentry

错误捕获收集系统
https://sentry.itheima.net/

加入监控代码

安装依赖包

npm install @sentry/browser @sentry/integrations
也可以用 yarn
yarn @sentry/browser @sentry/integrations

修改 src/main.sj 文件

这里加了环境判断 production ，就是 run build 后，上线才会开始收集错误，不设置的话本地开发就收不到消息了，这点官方文档也没说明。

...
// sentry
import * as Sentry from "@sentry/browser";
import * as Integrations from "@sentry/integrations";
if (process.env.NODE_ENV === "production") {
  Sentry.init({
    dsn: "https://ae706dbae7ca4186b29d9ffade8dxxxxf@xxx.xxxx.xxx/22222",
    integrations: [new Integrations.Vue({ Vue, attachProps: true })]
  });
}
// 建议加在 new Vue 对象之前
...
new Vue({
  router,
  store,
  apolloProvider: createProvider(),
  render: h => h(App)
}).$mount("#app");

查看问题报告