vue.js - 如何在 nuxt.js 应用程序中使用 BugSnag？

BugSnag 提供了一个非常有用且最初免费的产品，用于跟踪 vue 应用程序中的错误。问题是没有在 nuxt 应用程序中使用它的文档。插件将是在应用程序中使用它的最佳位置。

试图解决这个问题让我很沮丧，但我能够从 this post 的评论中找到 Patryk Padus 的帮助。

最佳答案

对于任何试图做到这一点的人，请执行以下操作:

1.将以下代码放入位于应用程序根目录/plugins 文件夹中的插件中:

#/plugins/bugsnag.js
import Vue from 'vue'
import bugsnag from '@bugsnag/js'
import bugsnagVue from '@bugsnag/plugin-vue'

const bugsnagClient = bugsnag({
  apiKey: 'YOUR-KEY',
  notifyReleaseStages: [ 'production', 'staging' ]
})

bugsnagClient.use(bugsnagVue, Vue);

export default (ctx, inject) => {
  inject('bugsnag', bugsnagClient)
}

2. 在 nuxt.config 中，将以下内容添加到您的插件部分:

plugins: [
  '@/plugins/bugsnag.js',
],

3.在你的 vue 布局内部使用 $bugsnag 对象引用 bugsnag 对象:

this.$bugsnag.notify(new Error('Nuxt Test error'))

关于vue.js - 如何在 nuxt.js 应用程序中使用 BugSnag？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/56087313/