403 This action is unauthorized

@tykus no, none of the above, infact my code is like soo

Property Photos

{{ form.thumbnail }}

Property Thumbnail Property Photos

Listing Information

{{ form.title }}

Propety Title {{ errors.title }} Listing Type Select Option Residential Commercial Agricultural Land Multipurpose Land Residential Plot Commercial Plot {{ errors.property_type }} Lisiting Status Select Option For Rent For Sale {{ errors.listing_status }} Listing Price {{ errors.listing_price }} Create Property import Authenticated from '@/Layouts/Authenticated.vue'; import { useForm , Link} from "@inertiajs/inertia-vue3"; export default { props: { errors: Object, }, components: { Authenticated, Link, }, setup() { const form = useForm({ thumbnail: null, title: null, is_featured: null, property_type: null, listing_status: null, listing_price: null, }); return { form }; }, methods: { submit() { this.form.post('/property') }, }, };

@joshmanhuwa the unauthorized response is (most likely) coming from the Laravel application whenever you submit the form, not from the Vue application.

What is the Route definition for POST /property URL endpoint? What does the Controller action look like?

@tykus the error is quite obvious that it has something to do with CSRF Protection but i dom't know where i am going wrong

@tykus i agree but it's quite apparent that it's a CSRF issue, but i haven't come across it, i am fairly new to inertia

@joshmanhuwa really?

the error is quite obvious that it has something to do with CSRF Protection

Why is a CSRF mismatch exception(419 status) becoming a 403 status?

@tykus i am not quite sure, i have even decide to do the app fully in laravel now, hehehe that way i will finish then come back to inertia. oh by the way thank you veyr much for you help. kindly help me with the VueJs Code to grab the image inputs from this code and pass it to the Form Helper paremeters

                    <form action="">
                        <label for="photos">Property Photos</label>
                        <input name="photos" type="file" multiple />
                        <label for="thumbnail">Property Thumbnail</label>
                        <input name="thubmnail" type="file" />
                    </form>

@joshmanhuwa the Route definition and Controller action code?

@ericmuga thank you!

@ericmuga Bravo, I overlooked that one. You saved me some hours of mindboggling for nothing really. Big thanks