前端上传图片到七牛云

<template>
<div>
 <el-upload
        ref="upload"
        action="http://upload-z2.qiniup.com"
        :on-success="uploadSuccess"
        class="avatar-uploader"
        :show-file-list="false"
        :data="postData">
        <img v-if="imageUrl" :src="imageUrl" class="avatar">
        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
      </el-upload>
</div>
</template>
<srcipt>
export default {
 data () {
    return {
      imageUrl: '',
      postData: {
        token: ''
      },
    }
  },
  mounted() {
    this.$axios.get('http://127.0.0.1:3000/token').then(res => {
      this.postData.token = res.data
    })
  },
  methods: {
   uploadSuccess (res) {
      console.log(res)
      this.imageUrl = 'http://rwjkzhe4z.hn-bkt.clouddn.com/' + res.key
    },
  }
}
</srcrpt>