Почему Axios в этом коде не отправляет никаких данных в серверную часть Vue?

Я пытаюсь загрузить изображение на сервер с помощью Vue js, но похоже, что Axios не отправляет никаких данных в серверную часть. Серверная часть - это ASP.netCore API. Это очень просто, и я сделал эту форму для отправки данных на сервер через выборку раньше, и она хорошо работает! Вы видите что-то не так? Вы можете увидеть мой код ниже:

 <template>
    <h1>Uploading an Image!</h1>
    <p>This component demonstrates Uploading Image to server.</p>
    <div>
        <form>
            <input type = "file" v-on:change = "getFile($event)" />
            <button v-on:click = "submitForm($event)">Upload</button>
        </form>
    </div>
</template>

<script>
    import axios from 'axios'

    export default {

        name: "Upload1",
        data() {
            return {
                selectedFile: " ",
                uploadResult: " "
            }
        },

        methods: {

            getFile(event) {
                this.selectedFile = event.target.files[0];
                console.info(this.file);
            },

            submitForm(event) {
                event.preventDefault();
                let formData = new FormData();
                formData.append("ImageData.File", this.selectedFile);

                let config = {
                    headers: {
                        "Content-Type": "multipart/form-data"
                    }
                };
                axios.post('/api/Image', {

                    formData,
                    config

                }).then(resposne => resposne.json())
                    .then(data => {
                        console.info(data);
                        
                        this.uploadResult = "File " + data.fileName + " successfully uploaded."
                    });
            }
        }

    };

</script>