Nuxt3分层架构下如何全局按字母序重新排列中间件？

问题 #

我的项目采用Nuxt层B扩展Nuxt项目A的架构，发现/middleware目录下的文件虽会按字母顺序调用，但会先执行层B的所有中间件，再执行项目A的。例如：

• 项目A中有00.first.global.ts、01.second.global.ts两个中间件
• 层B中有10.third.global.ts、11.fourth.global.ts两个中间件
  最终执行顺序为10.third.global.ts→11.fourth.global.ts→00.first.global.ts→01.second.global.ts，这不符合预期。请问是否有办法强制将所有中间件按全局字母序重新排列？

解决方案 #

方法1：通过Nuxt配置自定义中间件排序 #

在项目A的nuxt.config.ts中，利用hooks重写中间件排序逻辑：

export default defineNuxtConfig({
  hooks: {
    'app:resolver': (resolver) => {
      // 对所有全局中间件按文件名字母序重新排序
      resolver.globalMiddleware.sort((a, b) => a.name.localeCompare(b.name));
    },
  },
});

这个钩子会在Nuxt解析应用配置时触发，直接修改全局中间件列表的排序规则，覆盖原有的「先执行层中间件、再执行项目中间件」的逻辑。

方法2：手动统一注册中间件 #

放弃目录自动扫描的中间件机制，改为在项目A中手动控制所有中间件的执行顺序：

1. 创建项目A的middleware/entry.global.ts作为全局中间件入口：

import first from './00.first.global';
import second from './01.second.global';
import third from '#b/middleware/10.third.global';
import fourth from '#b/middleware/11.fourth.global';

export default defineNuxtRouteMiddleware((to, from) => {
  // 严格按预期顺序调用各个中间件
  first(to, from);
  second(to, from);
  third(to, from);
  fourth(to, from);
});

2. 删除原有各个中间件的.global.ts后缀（避免自动注册），完全通过入口文件控制执行顺序。

方法3：调整命名规则（临时方案） #

如果不想修改代码逻辑，可以给层B的中间件调整前缀，让其文件名在全局排序中处于预期位置。比如把层B的10.third.global.ts改为02.third.global.ts，这样自动扫描时就会按00→01→02→03的顺序执行，但这种方法灵活性较低，仅适合简单场景。

内容的提问来源于stack exchange，提问作者maestroosram