Не могу отправить загрузку изображения и использовать аутентификацию токен-носителя с помощью 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)));

до того, как я вставил в "заголовки", все работает нормально, и когда я использую те же самые заголовки аутентификации, но без переменной "j" в других местах, это также отлично работает.

Любой совет, яЯ новичок здесь с axios.(это в vue2.js кстати)

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)));