在JavaScript或Vue中屏蔽所有报错信息

在 JavaScript 或 Vue 中，如果你想屏蔽所有 JavaScript 报错，可以通过捕获全局的错误事件来实现。需要注意的是，尽量避免屏蔽所有错误，因为这可能会掩盖一些实际问题，影响调试。

1. 使用 window.onerror 捕获全局错误

在原生 JavaScript 中，你可以通过 window.onerror 捕获所有错误，并阻止它们输出到控制台：

window.onerror = function(message, source, lineno, colno, error) {
    // 你可以在这里处理错误，或直接返回 true 屏蔽错误
    return true; // 返回 true 表示阻止错误输出
};

2. 使用 Vue 的 errorHandler 处理 Vue 特定的错误

如果你使用的是 Vue，Vue 提供了一个 errorHandler 方法，专门用于捕获 Vue 组件内的错误：

Vue.config.errorHandler = function(err, vm, info) {
    // 你可以在这里处理错误，或者选择静默处理
    console.log(`捕获到 Vue 错误: ${info}`);
    return false; // 可以选择返回 false 来阻止进一步的处理
};

3. 结合 Promise 的 unhandledrejection

如果你还需要捕获未被处理的 Promise 错误，可以监听 unhandledrejection 事件：

window.addEventListener('unhandledrejection', function(event) {
    event.preventDefault(); // 阻止默认的错误处理
    console.log('捕获到 Promise 错误: ', event.reason);
});

通过以上方法，你可以屏蔽大多数 JavaScript 和 Vue 报错。不过建议仅在生产环境中使用这种方式，开发环境中应保持报错以便调试。

版权声明：本文为原创文章，版权归 全栈开发技术博客 所有。

本文链接：https://www.lvtao.net/dev/javascript-vue-hide-error.html

转载时须注明出处及本声明