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

问题描述 投票:0回答:1

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

nuxt.js
1个回答
0
投票
  • 您应该知道的一个重要区别是,当您在生产环境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-不执行任何操作,并且假定不会显示数据。

© www.soinside.com 2019 - 2024. All rights reserved.