【vue.js】画像の配列を作成してリクエストしたいが、400(Bad request)が発生する

Question

vueで画像を配列にしてJava（springboot）にリクエストする処理を作成しています。
input要素から画像を取得し、配列にしてリクエストする構成にしたいです。

以下のようなコードですが、400(bad request)になります。

@PostMapping
	public String imageUpload(@RequestPart("imageId") String imageId, @RequestPart("uploadFile1") MultipartFile[] multipartfile) throws IOException {
　　　　// 処理
}

vueでリクエスト

uploadFile: function() {
            this.uploadFile1.push(...[this.category1_1_up, this.category1_2_up, this.category1_3_up]);
            console.log(this.category1_1_up);  // [object File] (選択したファイル。想定通り
            console.log(this.uploadFile1);　　　// [object File],[object File] (２ファイル選択した場合。想定通り
            console.log(this.uploadFile1[0]);  // undefined　★なぜ？
            
            let formData = new FormData();
            formData.append("imageId", this.imageId);
            formData.append("category1", this.uploadFile1);

            let config = {
                headers: {
                    'content-type': 'multipart/form-data'
                }
            }
            axios
                .post(this.uploadUrl, formData, config)
                .then(response =>  // 処理
                )

vueの配列の部分で不具合が起きてるのかな？と思いますが、対応方法がわかりません。
配列ができているのに、配列の中身を取得できていないところも併せて教えていただきたいです。

よろしくお願いいたします。