useError

源文件
useError 组合式函数返回当前正在处理的全局 Nuxt 错误。

使用

useError 组合式函数返回当前正在处理的全局 Nuxt 错误，并可在客户端和服务器端使用。它为您的整个应用程序提供了一个响应式的、支持服务端渲染 (SSR) 的错误状态。

const error = useError()

您可以在组件、页面或插件中使用此组合式函数来访问或响应当前的 Nuxt 错误。

类型

interface NuxtError<DataT = unknown> {
  status: number
  statusText: string
  message: string
  data?: DataT
  error?: true
}

export const useError: () => Ref<NuxtError | undefined>

参数

此组合式函数不接受任何参数。

返回值

返回一个包含当前 Nuxt 错误的 Ref（如果没有错误，则为 undefined）。该错误对象是响应式的，并会在错误状态发生变化时自动更新。

示例

<script setup lang="ts">
const error = useError()

if (error.value) {
  console.error('Nuxt error:', error.value)
}
</script>
阅读更多内容请参见 文档 > 4 X > 入门 > 错误处理。