55.7K

abortNavigation

源代码
abortNavigation 是一个辅助函数，它防止导航发生，如果传入一个错误参数，则抛出该错误。
abortNavigation 只能在路由中间件处理程序内部使用。

类型

abortNavigation(err?: Error | string): false

参数

err

  • 类型: Error | string
    abortNavigation 抛出的可选错误。

示例

下面的示例显示了如何在路由中间件中使用 abortNavigation 来防止未授权的路由访问：

middleware/auth.ts
export default defineNuxtRouteMiddleware((to, from) => {
  const user = useState('user')

  if (!user.value.isAuthorized) {
    return abortNavigation()
  }

  if (to.path !== '/edit-post') {
    return navigateTo('/edit-post')
  }
})

err 作为字符串

你可以将错误作为字符串传递：

middleware/auth.ts
export default defineNuxtRouteMiddleware((to, from) => {
  const user = useState('user')

  if (!user.value.isAuthorized) {
    return abortNavigation('Insufficient permissions.')
  }
})

err 作为 Error 对象

你可以将错误作为一个 Error 对象传递，例如在 catch 块中捕获的错误：

middleware/auth.ts
export default defineNuxtRouteMiddleware((to, from) => {
  try {
    /* 可能抛出错误的代码 */
  } catch (err) {
    return abortNavigation(err)
  }
})

$fetch

Nuxt 使用 ofetch 来全局暴露 `$fetch` 助手，以便在 Vue 应用或 API 路由中进行 HTTP 请求。

addRouteMiddleware

addRouteMiddleware() 是用于在应用程序中动态添加中间件的一个辅助函数。