默认情况下,NuxtJS将在网站上打印错误,我只希望在开发工具/控制台上出现错误。如何自定义Nuxt全局错误处理程序的行为?
答案 0 :(得分:0)
您应该知道的一个重要区别是,当您在生产npm run dev
模式下以npm run build
模式运行应用程序时,您会看到不同的错误。
注释:构建版本的消息不会显示任何错误详细信息。
如果遇到未捕获的JavaScript错误,则即使调用error()之后发生异常,Nuxt也会崩溃,无法执行。
如果可以静默处理您的错误,例如在调用API时尝试捕获错误,那么您可以。
1-使用Nuxt Error页面显示自定义错误。
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-什么也不做,应该显示的数据也不会显示。