無法發送圖像上傳並通過axios使用令牌承載身份驗證

Question

let url = this.globalAPIBaseUrl + 'program/' + this.tmsID + '/updateposters/?posterType=' + imageType;
let j = [{
  posterType: imageType,
  url: imageUrl
}];
axios.patch(url, {
  headers: {
    Authorization: 'Bearer ' + localStorage.getItem('accessToken')
  }
}, j, {
  onUploadProgress: progressEvent => {
    this.basic.status = 'Uploaded: ' + progressEvent.loaded + 'b of ' + progressEvent.total + 'b'
  }
}).then(response => (this.handleUploadComplete(response)));

在我放入“標頭”之前，它工作正常，當我使用相同的auth標頭，但在其他地方沒有“ j”數據變量時，它也能正常工作。

任何建議，我對axios還是有點陌生​​。 （這是在vue2.js btw中）

Answer 1

data應該是第二個參數，第三個參數是config對象，您可以在其中設置headers和onUploadProgress回調

axios.patch(url, j, {
  headers: {
    Authorization: 'Bearer ' + localStorage.getItem('accessToken')
  },
  onUploadProgress: progressEvent => {
    this.basic.status = 'Uploaded: ' + progressEvent.loaded + 'b of ' + progressEvent.total + 'b'
  }
}).then(response => (this.handleUploadComplete(response)));