загрузка файла на сервер с использованием REST API

Question

Я пытаюсь отправить файл изображения (FormData) на сервер через API. Vue.js используется на клиенте, и мои коды указаны ниже.

шаблон:

<input type="file" accept="image/*" id="imageUpload"/>
<button @click="handleSubmit">Submit</button>

сценарий:

handleSubmit(e){
  const input = document.querySelector("input[type='file']")
  const formData = new FormData()
  const XHR = new XMLHttpRequest()

  formData.append('uploads', input.files[0])

  XHR.open("POST", `http://localhost:8090/api/v1/media/1767/update`)

  XHR.setRequestHeader('Content-Type', 'multipart/form-data')
  XHR.send(formData)

  XHR.addEventListener('load', function() {
    console.log('success')
  })
  XHR.addEventListener('error', function() {
    console.log('fail')
  })
}

Я получаю ошибки при отправке запроса. Я что-то упустил?

различные сообщения об ошибках в зависимости от того, где вызывать API:

звонок от клиента (localhost: 8080)

звонок с сервера (localhost: 8090)

Запрос: