如何防止在NuxtJS网站上出现打印错误?

时间:2020-02-21 05:37:02

标签: nuxt.js

默认情况下,NuxtJS将在网站上打印错误,我只希望在开发工具/控制台上出现错误。如何自定义Nuxt全局错误处理程序的行为?

1 个答案:

答案 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-什么也不做,应该显示的数据也不会显示。