Element 上传图片

element 在上传文件是  action  的属性是链接上传地址的     直接将地址填入   上传时会报错  缺少请求头 

记录一下上传文件的使用  以及配置 

<el-upload
            class="upload-demo"
            :action="uploadImgUrl"
            :headers="headers"
            :on-change="handleChange"
            :on-success="handleSuccess"
            :file-list="fileList"
          >
            <el-button size="small" type="primary">点击上传</el-button>
            <div slot="tip" class="el-upload__tip">
              只能上传jpg/jpeg/png文件，且不超过500kb
            </div>
          </el-upload>

在data（）{return{   }}里初始化

data（）{return{  
 uploadImgUrl: process.env.VUE_APP_BASE_API + "/common/upload", // 上传的图片服务器地址
headers: {
Authorization: 'Bearer ' + getToken()
     }
  }
}

getToken 的引入

import { getToken } from '@/utils/auth'