Vue上传通过“服务端签名后直传”上传文件到阿里云 报错 400 Bad Request

我报错的原因是 formData.append('file', file) 放在签名前面了

解决办法 formData.append('file', file) 一定在最后

/**
 * 上传文件到 oss
 * @param {} Object Sign  签名
 * @param {*} file 要上传的文件
 */
export const updateFileToOSS = (sing, file) => {
  // console.log(file)
  const formData = new FormData()
  formData.append('key', sing.key)
  formData.append('OSSAccessKeyId', sing.accessid)
  formData.append('policy', sing.policy)
  formData.append('signature', sing.signature)
  formData.append('success_action_status', '201')
  formData.append('file', file) // 一定在最后
  return new Promise((resolve, reject) => {
    axios({
      method: 'POST',
      url: '/oss', // 设置代理了
      data: formData,
      headers:{
        'Authorization': Vue.ls.get(ACCESS_TOKEN), // 请求头携带的token
        'Content-Type': 'multipart/form-data'
      }
    }).then((response) => {
      resolve(response)
    }).catch(error => {
      reject(error)
    })
  })
}

感谢 原文 https://segmentfault.com/a/1190000019481380