What is the difference between sendRedirect and navigateTo in Nuxt 3?

Question

Accepted Answer

**sendRedirect** — server-side redirect. **navigateTo** — universal redirect.

**sendRedirect:**
```typescript
// server/api/auth.ts
export default defineEventHandler((event) => {
    if (!isAuthenticated(event)) {
        return sendRedirect(event, "/login", 302)
    }
    return { user: "data" }
})
```

**navigateTo:**
```typescript
// middleware/auth.ts
export default defineNuxtRouteMiddleware((to) => {
    const auth = useAuth()
    if (!auth.value) {
        return navigateTo("/login")
    }
})
```

**Key differences:**
- **sendRedirect** — server only.
- **navigateTo** — universal.

Vue.js: What is the difference between sendRedirect and navigateTo in Nuxt 3?