← 返回 Learn Nuxt
Nuxt 错误处理与主动触发演示
1. 客户端主动抛错 (createError)

点击按钮后，直接在客户端抛出错误，进入全局错误页。

2. showError 显式跳转错误页

不抛异常，直接显示错误页（可用于优雅降级）。

3. 导航到不存在的页面 (触发 404)

通过路由跳转到不存在的路径，触发 404 错误页。

4. 调用服务端返回错误的接口

调用演示接口 /api/learn-nuxt/error 主动返回不同状态码。

5. 在 setup 中按条件抛错 (通过查询参数)

在当前页面 URL 添加 ?throw=setup 将在 setup 阶段抛出 500 错误。

6. 组件内错误捕获 (onErrorCaptured)

使用 Vue 的 onErrorCaptured 捕获子组件错误，不跳转错误页。