vue element-ui upload 实现带token上传

                    {{$t("edit.addImg")}}
                

:header 在里面写要携带的token的参数，:data 是携带一同传过去的数据的参数

import util from '@/libs/util.js'
export default {
  data () {
    return {
      uploadData: {
        type: 1
      },
      headers: {
        Authorization: util.cookies.get('token')  //从cookie里获取token，并赋值  Authorization ，而不是token
      },
    }
  },

  methods: {
   //上传成功后操作
    upSuccess (res, f, fl) {
      this.showNotify(1, this.$t('btn.upload'))
    },
   //弹框消息封装
    showNotify (status, val) {
      if (status === 1) {
        this.$notify({
          title: this.$t('msg.succeed'),
          message: val + this.$t('msg.succeed'),
          type: 'success',
          duration: 2000
        })
      } else if (status === 0) {
        this.$notify({
          title: this.$t('msg.error'),
          message: val + this.$t('msg.error'),
          type: 'error',
          duration: 2000
        })
      } else {
        this.$notify({
          title: this.$t('msg.error'),
          message: this.$t('msg.sysError'),
          type: 'error',
          duration: 2000
        })
      }
    },
  }
}

转载于:https://www.cnblogs.com/ruyan-yang/p/10044379.html