이벤트나 서버 로직 뒤 Nuxt 탐색을 수행합니다.
navigateTo는 내부 경로, redirect code, 외부 URL 옵션을 처리하는 Nuxt 유틸리티입니다. 일반 문서 이동은 NuxtLink를 우선하고 로직 결과 이동에 사용합니다.
middleware와 setup에서 Promise를 return 또는 await해 탐색 흐름을 유지합니다.
외부 URL 이동은 external 옵션과 신뢰 가능한 목적지인지 확인합니다.
사용자 입력 URL로 검증 없이 redirect하면 open redirect가 됩니다.
로컬 프로젝트에서 확인해보세요query를 포함한 /?q=nuxt 경로로 이동하세요.
<script setup>
const message = ref("이동 전");
async function goHome() {
await navigateTo("/");
message.value = "루트 경로로 이동했습니다";
}
</script>
<template>
<main>
<h1>프로그래밍 탐색</h1>
<button @click="goHome">홈으로</button>
<p>{{ message }}</p>
</main>
</template>