前端vue的上传文件被封装后如何提取后端返回的值

如果前端Vue的上传文件被封装后，需要提取后端返回的值，可以在封装的上传文件方法中使用Promise对象来处理后端返回的结果。具体可以参考以下代码示例：

// 封装上传文件方法
function uploadFile(file) {
  return new Promise((resolve, reject) => {
    const formData = new FormData();
    formData.append('file', file);

    // 调用后端API上传文件
    axios.post('/api/upload', formData).then(response => {
      // 提取后端返回的值
      const data = response.data;
      resolve(data);
    }).catch(error => {
      reject(error);
    });
  });
}

// 调用上传文件方法
const file = document.getElementById('file-input').files[0];
uploadFile(file).then(data => {
  console.log(data); // 使用后端返回的值进行其他操作
}).catch(error => {
  console.error(error);
});

在上述代码中，我们使用了Promise对象来封装上传文件方法，并在方法中处理了后端返回的结果。在调用上传文件方法时，我们可以使用then()方法来获取后端返回的值，并进行其他操作。