redirect via navigateTo() not working with nuxt generate

[codeflorist]

Environment

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.6
• Package Manager: npm@7.17.0
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

Reproduction

https://stackblitz.com/edit/nuxt-starter-zaokyb?file=pages/index.vue

Describe the bug

having a page redirect to another page via the navigateTo helper does not work with nuxt generate.

e.g.

<script setup lang="ts">
await navigateTo('/target', { replace: true })
</script>

gets rendered as a white page with the text Redirecting to /target.

see attached stackblitz-project for an example.

Additional context

No response

Logs

No response

[danielroe]

What do you expect to happen? Should the page not be generated?

[codeflorist]

What do you expect to happen? Should the page not be generated?

I would expect it to behave exactly like nuxt build or nuxt dev - meaning it should load the full page, then redirect to /target.

[danielroe]

A server-side redirection can't be rendered as an HTML page as such. But what we could do is return a minimal blank white HTML page that immediate redirects to the target location on client-side, which seems reasonable and better than at present.

[codeflorist]

A server-side redirection can't be rendered as an HTML page as such. But what we could do is return a minimal blank white HTML page that immediate redirects to the target location on client-side, which seems reasonable and better than at present.

ah, of course. i understand. many thanks for the clarification and the super fast reaction!

imho a workable solution would also be:

<script setup lang="ts">
onMounted(() => {
	navigateTo('/target', { replace: true })
})
</script>

[danielroe]

Should already be implemented in h3 and you'll get the benefit in next h3 release 😊

[pi0]

Please use npx nuxi upgrade --force to update lockfile and have latest h3.