Send data from a Vue page to a Laravel route with Inertia?
I have a Vue page where I want to send data to the backend at some point to store it in the database.
I have tried the following in a function:
Inertia.post('/some-endpoint', { data: 'some data' });
Only this causes the page to reload itself. And this only happens in the production build via Vite and not locally 🤔
If I understood correctly, the advantage of Inertia is that you don't have to create an api and that you can directly call the Laravel web routes.
How can data be sent from a Vue page to a Laravel route (with Inertia?) ?
I already had a different behavior between the local one and the production one.
I send my data to the backend via a slightly different way.
import { useForm } from '@inertiajs/inertia-vue3'
...
const form = useForm({
name: null,
})
...
function submit() {
if (props.roomId) {
form.put('/rooms/'+props.roomId, {
onSuccess: () => {
close()
},
onError: (error) => {
errors.value = error
}
})
} else {
form.post('/rooms', {
onSuccess: () => {
close()
},
onError: (error) => {
errors.value = error
}
})
}
}
In the Inertia documentation I have found a working solution:
import { router } from '@inertiajs/vue3'
router.post(url, data, options)
@vincent15000 I don't use forms, that's why I didn't know what to use.
Do an axios request (post, patch, etc., depending on what you need to do) in a Vue method. No need to do anything specifically with Inertia for this.
Please or to participate in this conversation.
