Nuxt 入门实战 - 07：服务端自定义路由

方式一：通过中间件实现

//server/middleware/api.ts

import { createRouter, defineEventHandler, useBase } from 'h3';

const router = createRouter();
router.get('/hello', defineEventHandler(event => 'Hello'));
router.get('/hello/world', defineEventHandler(event => 'Hello World'));
const handler = useBase('/api', router.handler);

export default defineEventHandler((event) => handler(event))

访问

http://localhost:port/api/hello
http://localhost:port/api/hello/world

方式二：通过[…].ts实现

// xxx/server/api/[...].ts

import { createRouter, defineEventHandler, useBase } from 'h3';

const router = createRouter();
router.get('/hello', defineEventHandler(event => 'Hello'));
router.get('/hello/world', defineEventHandler(event => 'Hello World'));

export default useBase('/api', router.handler);

访问：

http://localhost:port/api/hello
http://localhost:port/api/hello/world

参考文献

• https://github.com/nuxt/nuxt/issues/13696