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'