在 Vue 应用程序中显示用户友好的错误消息

Question

与任何应用程序一样，很多事情迟早都会出错。我有一个大型 Vue 应用程序，有时会抛出一些错误（我知道，它不应该，但有时它还是会出现），我想向用户显示一条友好的消息，这样他们就不会等待。就像窗口对象上的某种“通用错误处理程序”。

我试过这个：javascript: how to display script errors in a popup alert? 但它没有触发。

还有其他建议吗？

Answer 1

您可以重定向到显示错误 ID 和消息（如果已给出）的通用错误页面。

另一种方法是显示 toast 并留在页面上，这将允许用户重试操作。我推荐 vue-toasted 在 vue 项目中祝酒。