Vue.js - validation fails for file upload in axios when multipart/form-data used in header

Question

I am building a Laravel+Vue.js SPA (Single Page Application) with BootstrapVue, VeeValidate and axios as the HTTP client.

Inside axios, when I use multipart/f

Answer 1

I guess using FormData API would work.

Below some examples:

How to post a file from a form with Axios axios post request to send form data

Answer 2

I Recommend using VeeValidation for validating your form after submitting it.

Its really simple and sweetest validation methods.

You can install it from here. VeeValidation Link