在 vue 项目中使用 axios 将文件上传到 oss 一直报错要怎么解决？

直接使用 XMLHttpRequest 完成oss图片上传，具体代码如下：

async function handleFileImport(event) {
    const file = event.target.files[0];
    updateProgress(0); // 假设 defaultPercent 是一个可更新的变量或状态
    displayFileName(file.name);

    const fileType = getFileExtension(file.name);
    const formData = createFormData(file);

    uploadFileWithProgress(formData);
}

function updateProgress(percentage) {
    // 更新进度条的逻辑，这里假设 defaultPercent.value 是一个可设置的值
    // defaultPercent.value = percentage;
}

function displayFileName(name) {
    // 更新显示的文件名逻辑，这里假设 uploadText.value 是一个可设置的值
    // uploadText.value = name;
}

function getFileExtension(fileName) {
    return fileName.slice((fileName.lastIndexOf(".") - 1 >>> 0) + 2);
}

function createFormData(file) {
    const formData = new FormData();
    formData.append("name", file.name);
    formData.append("key", file.name);
    formData.append("policy", policy);
    formData.append("OSSAccessKeyId", OSSAccessKeyId);
    formData.append("success_action_status", "200");
    formData.append("signature", signature);
    formData.append("file", file);
    return formData;
}

function uploadFileWithProgress(formData) {
    const xhr = new XMLHttpRequest();
    xhr.upload.addEventListener("progress", function (event) {
        if (event.lengthComputable) {
            updateProgress(Math.round((event.loaded / event.total) * 100));
        }
    });

    xhr.open("POST", ossUrl, true);
    xhr.onload = function () {
        if (xhr.status === 200 || xhr.status === 0) {
            handleUploadSuccess(getFileType(formData), formData.get("name"));
        }
    };
    xhr.send(formData);
}

function handleUploadSuccess(classType, fileName) {
    // 发射上传成功的事件，假设 'emit' 是可行的事件触发方法
    // emit("uploadData", { classType, url: ossUrl + "/" + fileName });
}

// 调用函数的示例
// document.getElementById('fileInput').addEventListener('change', handleFileImport);