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