如何将Nuxt 2的Express路由重定向转换为Nuxt 3实现？

在Nuxt3的server/api路由中，你需要使用框架内置的sendRedirect工具函数来实现用户重定向，同时修正原代码中的请求参数传递和错误处理逻辑，完整实现如下：

修正后的完整代码 #

export default defineEventHandler(async (event) => {
  // 获取请求携带的查询参数
  const query = getQuery(event)

  try {
    // 调用后端激活接口，传递查询参数
    const response = await $fetch(`${config.url.backend}/api/user/activate`, {
      method: 'POST',
      body: query,
      headers: {
        'Content-Type': 'application/json'
      }
    })

    // 激活成功，重定向到修改密码页面
    return sendRedirect(event, `/users/change-password/?gid=${response.gid}`, 302)
  } catch (error) {
    console.error('账户激活失败:', error)
    // 提取错误状态码，默认500
    const errorCode = error.response?.status || 500
    // 重定向到激活失败页面
    return sendRedirect(event, `/users/activation-failed?code=${errorCode}`, 302)
  }
})

关键说明 #

• getQuery(event)：替代Express中的req.query，用于获取当前请求的URL查询参数
• $fetch：Nuxt3官方推荐的服务器端请求工具，替代原代码中的axios，自动适配服务器环境的请求逻辑
• sendRedirect(event, targetUrl, statusCode)：Nuxt3底层h3框架提供的重定向工具，参数分别为当前请求事件对象、目标跳转地址、HTTP状态码（302为临时重定向，和Express默认行为一致）
• 错误处理：捕获后端请求失败的异常，提取响应状态码后重定向到失败页面，保证异常场景的跳转逻辑

额外注意 #

确保你的后端地址配置config.url.backend已正确添加到Nuxt3的runtimeConfig中（可在nuxt.config.ts里配置），这样服务器端能正常读取该配置项。

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