默认情况下,NuxtJS将在网站上打印错误,我只希望在开发工具/控制台上出现错误。如何自定义Nuxt全局错误处理程序的行为?
您应该知道的一个重要区别是,当您在生产环境npm run dev
模式下以npm run build
模式运行应用程序时,您将看到不同的错误。
note:带有构建版本的不会显示任何错误详细信息。
如果遇到未捕获的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-不执行任何操作,并且假定不会显示数据。