Question

如here所述，Nuxt.js错误页面被传递了一个error属性，该属性可用于找出错误所在并显示适当的内容。

但是，传递的错误对象类似于：

{
  message:"Cannot read property 'nonexistentThing' of undefined",
  statusCode:"TypeError"
}

我想在错误页面上采取措施（点击错误报告API），理想情况下，该页面可以访问底层错误对象，包括回溯等。

有没有办法

从错误页面访问此内容；或
制作一个可以在Nuxt自己的错误处理进行期间拦截错误的插件吗？

Answer 1

尽管我没有找到访问底层错误对象的方法，但我已经从nuxt找到了这种错误方法，您可以在其中抛出异常，最终将其显示在Nuxt的错误页面中。您可以在上下文对象（https://nuxtjs.org/api/context/）中访问此错误方法

包含异常的示例错误可能是这样：

std::vector<float>

因此，您可以像这样在错误页面中处理异常

export default {
  asyncData ({ params, error }) {
    return axios.get(`https://my-api/posts/${params.id}`)
      .then((res) => {
        return { title: res.data.title }
      })
      .catch((e) => {
        error({ statusCode: 404, message: 'Post not found', myError: e })
      })
  }
}

在Nuxt错误页面中访问原始错误对象

1 个答案: