第十章：server 目录和 Nitro —— 后台机房终于不是另一个仓库了

这是 Nuxt 和“只做前端”的 Vue 项目最关键的分水岭之一。

官方文档明确说：

目录映射：

text

server/
├── api/
│   └── hello.ts      -> /api/hello
├── routes/
│   └── rss.xml.ts    -> /rss.xml
└── middleware/
    └── log.ts

// server/api/hello.ts
export default defineEventHandler(() => {
  return {
    hello: 'world'
  }
})

页面里直接取：

vue

<script setup lang="ts">
const { data } = await useFetch('/api/hello')
</script>

<template>
  <pre>{{ data }}</pre>
</template>

// server/routes/rss.xml.ts
export default defineEventHandler(() => {
  return '<rss><channel><title>Software City TV</title></channel></rss>'
})

这就像：

Nuxt 官方文档的核心意思可以概括为：

text

Nuxt = 前后台统一节目系统
Nitro = 播控与发射引擎

Nitro 负责：

所以你别把 Nuxt 的“服务端能力”理解成“顺手送了你几个 API 文件”。

它背后是整套可部署的服务引擎。