Nuxt3如何组织/server目录适配带/profile的动态嵌套API路由

针对你需要的API路径，有两种直观的目录组织方式，选哪种取决于你对代码结构的偏好：

方式一：嵌套目录结构（推荐） #

直接按照URL的层级嵌套目录，动态参数保留[companyKey]的格式，最后用profile.get.js对应结尾的/profile路径和GET请求方法。

最终目录结构如下：

/server/company/[companyKey]/profile.get.js

这个结构完全对应/api/company/${companyKey}/profile的请求路径，Nuxt3会自动识别路由层级，无需额外配置。你只需要在profile.get.js里编写处理该请求的逻辑即可，比如：

export default defineEventHandler(async (event) => {
  const companyKey = event.context.params.companyKey
  // 编写获取公司profile的逻辑
  return {
    companyKey,
    profile: { /* 你的数据内容 */ }
  }
})

方式二：单文件内判断路径分支 #

如果不想创建过多嵌套目录，也可以在原有的[companyKey].get.js文件中，通过判断请求路径来处理/profile的分支：

目录结构保持：

/server/company/[companyKey].get.js

然后在文件内添加路径判断逻辑：

export default defineEventHandler(async (event) => {
  const companyKey = event.context.params.companyKey
  // 判断请求路径是否以/profile结尾
  if (event.path.endsWith('/profile')) {
    // 处理获取公司profile的逻辑
    return {
      companyKey,
      type: 'profile',
      data: { /* 你的profile数据 */ }
    }
  } else {
    // 处理原有的公司基础信息请求逻辑
    return {
      companyKey,
      type: 'basic',
      data: { /* 你的基础数据 */ }
    }
  }
})

不过这种方式会让单个文件的逻辑变复杂，当路径分支增多时不推荐，嵌套目录的结构更清晰易维护。

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