使用REST API将文件上传到服务器

Question

我正在尝试通过api将图像文件（FormData）发送到服务器。 在客户端上使用了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）

请求：