【问题标题】:How can I prevent print error on website NuxtJS?如何防止网站 NuxtJS 上的打印错误?
【发布时间】:2020-02-22 16:06:09
【问题描述】:

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

【问题讨论】:

    标签: nuxt.js


    【解决方案1】:
    • 您应该知道的一个重要区别是,当您在 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-什么都不做,应该显示的数据不显示了。

    【讨论】:

    • 1.我想提一下开发环境。 2.错误布局只是自定义错误页面的一种解决方案。当发生错误时,它将被调度到 Nuxt 全局错误句柄,Nuxt 将创建自己的错误,然后重定向到错误页面。我想自定义 Nuxt 全局错误处理程序的行为。所以你的答案不是正确的答案。
    • 我认为您无法添加自己的错误处理,因为它是在 Nuxt 自己的中间件之前加载的,请参阅此处github.com/nuxt/nuxt.js/blob/…,如果我错了请纠正我
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-01-22
    • 2014-12-09
    • 1970-01-01
    • 2015-06-06
    • 2010-10-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多