javascript - 无法将变量传递给 header (XMLHttpRequest)

Question

uploadImageCallBack(file) {

     var token = ' eyJhbG6Aw5/MwymOfs4B76D5JEr/o0YymuXZufo='
  return new Promise(
    (resolve, reject) => {
      const xhr = new XMLHttpRequest();
      xhr.open('POST', 'https://dev.hylaa.net/oa/file/upload');
      xhr.setRequestHeader('Authorization':'Bearer ' + token);
      xhr.setRequestHeader('Content-Type': 'multipart/form-data');
      const data = new FormData();
      data.append('image', file);
      xhr.send(data);
      xhr.addEventListener('load', () => {
        const response = JSON.parse(xhr.responseText);
        resolve(response);
      });
      xhr.addEventListener('error', () => {
        const error = JSON.parse(xhr.responseText);
        reject(error);
      });
    }
  );
}

无法将变量“token”传递给 header

语法错误:意外的标记，预期的，

我的错误在哪里？当我使用 AXIOS 时，我可以将变量传递给此 header

Answer 1

您有一个label ，您没有正确设置标题。应该是("header", "value")

xhr.setRequestHeader('Authorization', 'Bearer ' + token);
xhr.setRequestHeader('Content-type', 'multipart/form-data');