el-upload设置headers
时间: 2023-11-23 20:57:01 浏览: 220
vue+el_upload实现文件上传的方式.doc
5星 · 资源好评率100%
el-upload是一个基于element-ui的上传组件,可以通过设置headers来传递一些请求头信息,例如token等。具体操作如下:
```html
<el-upload class="upload-demo" action="上传的地址" :headers="headers">
<div class="button">上传头像</div>
</el-upload>
```
```javascript
new Vue({
el: "#app",
data() {
return {
headers: {
"Authorization": "自己的token"
}
}
}
})
```
在上述代码中,我们通过在el-upload组件上绑定headers属性,将headers对象传递给上传组件。在headers对象中,我们可以设置一些请求头信息,例如Authorization字段,来进行身份验证等操作。
阅读全文