el-upload 添加token
时间: 2023-09-06 19:12:07 浏览: 149
vue中el-upload上传图片到七牛的示例代码
对于 el-upload 组件添加 token,你可以使用 headers 属性来传递 token。具体的做法如下:
1. 在 el-upload 组件中添加 headers 属性,通过该属性传递 token。示例代码如下:
```html
<el-upload
:headers="{'Authorization': 'Bearer ' + token}"
action="/your/upload/url"
name="file">
</el-upload>
```
2. 在你的 Vue 组件中,通过 data 属性或者从后端获取 token,并将其赋值给 token 变量。示例代码如下:
```javascript
data() {
return {
token: 'your_token_here'
};
}
```
注意,上述示例中的 token 是一个占位符,你需要替换为真实的 token 值。
这样,在上传文件时就会将 token 添加到请求的 headers 中。你可以根据后端的要求修改 headers 的键名和值,以适配你的项目需求。
阅读全文