【发布时间】:2020-02-22 16:06:09
【问题描述】:
默认情况下,NuxtJS 会在网站上打印错误,我只想在开发工具/控制台上打印错误。如何自定义 Nuxt 全局错误处理程序的行为?
【问题讨论】:
标签: nuxt.js
默认情况下,NuxtJS 会在网站上打印错误,我只想在开发工具/控制台上打印错误。如何自定义 Nuxt 全局错误处理程序的行为?
【问题讨论】:
标签: nuxt.js
您应该知道的一个重要区别是,当您在 npm run dev 模式下运行应用程序而不是生产 npm run build 模式时,您会看到不同的错误。
注意:有 build 的不会显示任何错误详情。
如果你得到一个未捕获的 JavaScript 错误,那么即使在你调用 error() 之后发生异常,Nuxt 也会崩溃而无法执行
如果您的错误可以被静默处理,例如在调用 API 时尝试并捕获错误,那么您可以。
1-使用 Nuxt 错误页面显示自定义错误。
A- 在你的捕获中使用这个error({ statusCode: 404, message: 'Custom Error Goes Here' });
B- 在布局/errors.vue 中
<template>
<div class="container">
<h1 v-if="error.statusCode === 404">{{error.message}}</h1>
<h1 v-else>An error occurred</h1>
</div>
</template>
<script>
export default {
name: "error",
props: ['error'],
}
</script>
2-什么都不做,应该显示的数据不显示了。
【讨论】: