如何禁用Nuxt 3应用中的特定页面？

架构老林

2026-8-9

在Nuxt 3中直接禁用特定页面的方法

当然有直接禁用特定页面的方法，不用折腾文件移动或重命名，下面是几种实用方案：

路由中间件拦截
创建一个中间件来拦截目标页面的访问请求，直接终止导航或重定向到其他页面。
比如新建middleware/block-unfinished.ts：

export default defineNuxtRouteMiddleware((to) => {
  // 指定要禁用的页面路径
  if (to.path === '/unfinished') {
    // 终止导航并返回错误提示
    return abortNavigation(new Error('该页面暂未开放'))
    // 也可以重定向到首页：return navigateTo('/')
  }
})

如果只想针对单个页面生效，就在该页面的组件里添加：

definePageMeta({
  middleware: 'block-unfinished'
})

要是想全局生效，直接在nuxt.config.ts里注册中间件：

export default defineNuxtConfig({
  app: {
    middleware: ['block-unfinished']
  }
})

通过routeRules配置直接重定向/返回状态码
在nuxt.config.ts里用routeRules配置，直接对目标路径设置重定向或返回404状态码，无需额外写中间件：

export default defineNuxtConfig({
  routeRules: {
    // 访问未完成页面时直接返回404
    '/unfinished': { statusCode: 404 },
    // 或者重定向到指定页面
    '/another-unfinished': { redirect: '/' }
  }
})

Nitro配置忽略页面
如果你希望该页面完全不被构建或访问，可以在nuxt.config.ts的nitro配置里设置忽略规则：
```
export default defineNuxtConfig({
  nitro: {
    routeRules: {
      '/unfinished-page/**': { ignore: true }
    }
  }
})
```
这个配置会让Nitro完全忽略该路径的请求，适合彻底禁用页面的场景。