Thanks for your response, well the thing is i am starting with Nuxt 3 so later i don't have to rewrite my project, and nuxt 3 have no support for axios.
Nuxt 3 having fetch option and h3, but i am not sure how to use them as Post method to submit my form data.
For a form submission, you can still use fetch to submit data to the API route.
We created a rest-nuxtjs example but it uses Nuxt v2 and a custom server. In that example, the create.vue page makes a form submission to an API route. You can use this example for inspiration when handling form submission in your application.
Hi Prashant 👋🏽
You can use the fetch, axios or http nuxt modules to fetch call the API in either your component or page as follows:
You can choose how you would like to display your data in the view.
Hi Alex,
Thanks for your response, well the thing is i am starting with Nuxt 3 so later i don't have to rewrite my project, and nuxt 3 have no support for axios.
Nuxt 3 having fetch option and h3, but i am not sure how to use them as Post method to submit my form data.
So do you have any idea about that?
Regards,
For a form submission, you can still use fetch to submit data to the API route.
We created a
rest-nuxtjs
example but it uses Nuxt v2 and a custom server. In that example, thecreate.vue
page makes a form submission to an API route. You can use this example for inspiration when handling form submission in your application.Here's what the function resembles:
Let me know if you run into any other issues. I'd be happy to help! 🙂
Hello Alex,
Before i test your example code for form submission, i am stuck with the API call, i have created a file server/api/index.js and here its code part
Now, when i run the server localhost:3000 it says handle is not a function
with error code 500
i think as per nuxt 3 document for API ( v3.nuxtjs.org/docs/directory-struc... ) might be it has its own way to handle the request,
So, did you have ever tried this kind of call and have any suggestion for me to fix it?
Thanks a lot