Nuxt form behaving differently bettwen dev and build

I am trying to build a form in my app. Sadly it behaves differently between dev and build.
In dev it just executes the onSubmit method and everything is fine. For build it redirects to the post url.

This is the code:

async function onSubmit(event: Event) {
  await $fetch("/api/configure", {
    method: "POST",
    body: JSON.stringify(state),
  });
}
</script>

<template>
  <UContainer>
    <UCard class="min-w-">
      <UForm
        :schema="formDataSchema"
        :state="state"
        class="space-y-4"
        @submit="onSubmit"
      >

async function onSubmit(event: Event) {
  await $fetch("/api/configure", {
    method: "POST",
    body: JSON.stringify(state),
  });
}
</script>

<template>
  <UContainer>
    <UCard class="min-w-">
      <UForm
        :schema="formDataSchema"
        :state="state"
        class="space-y-4"
        @submit="onSubmit"
      >

I also tried with the prevent modifier but that did not help.

Nuxt•13mo ago•

16 replies

Max

Nuxt form behaving differently bettwen dev and build

async function onSubmit(event: Event) {
  await $fetch("/api/configure", {
    method: "POST",
    body: JSON.stringify(state),
  });
}
</script>

<template>
  <UContainer>
    <UCard class="min-w-">
      <UForm
        :schema="formDataSchema"
        :state="state"
        class="space-y-4"
        @submit="onSubmit"
      >

async function onSubmit(event: Event) {
  await $fetch("/api/configure", {
    method: "POST",
    body: JSON.stringify(state),
  });
}
</script>

<template>
  <UContainer>
    <UCard class="min-w-">
      <UForm
        :schema="formDataSchema"
        :state="state"
        class="space-y-4"
        @submit="onSubmit"
      >

I also tried with the prevent modifier but that did not help.

Nuxt form behaving differently bettwen dev and build

Similar Threads

Nuxt form behaving differently bettwen dev and build

Similar Threads

Similar Threads

Similar Threads