Ajax 401作为React应用程序中的多部分/表单数据请求的结果返回

我正在尝试通过多部分/表单数据请求将图像发送到服务器：

        const formData  = new FormData();
        formData.append('file', myfile);//myfile is retrieved from input with type="file"     
        var xhr = new XMLHttpRequest();
        xhr.open('PUT', url, false);
        xhr.setRequestHeader("Authorization", "Bearer myvalue").value);
        xhr.setRequestHeader("Content-Type", "multipart/form-data; boundary=myvalue");
        xhr.send(formData);
        xhr.onreadystatechange = function() {
            if (this.readyState != 4) return;

            if (this.status != 200) {
                return;
            }
        }

但401是返回的。同时，我通过失眠来做这个请求，一切都很好-返回200

此外，我还尝试获取API来执行此请求，但返回了401

为什么此请求在浏览器中有效，但在浏览器中无效

还有一个问题：我注意到

内容类型中的边界与请求负载中的边界不同。我不确定这是否正确。有人能解释一下他们为什么不同吗