el-upload携带token
时间: 2023-09-02 10:08:34 浏览: 133
vue中el-upload上传图片到七牛的示例代码
您可以通过在 `el-upload` 组件上添加 `headers` 属性来携带 token。`headers` 属性接受一个对象,您可以在其中设置请求头的参数。
以下是一个示例:
```vue
<template>
<el-upload
action="/upload"
:headers="{ Authorization: 'Bearer ' + token }"
>
<el-button slot="trigger" size="small" type="primary">点击上传</el-button>
</el-upload>
</template>
<script>
export default {
data() {
return {
token: 'your_token_here'
};
}
};
</script>
```
在上面的示例中,我们将 `headers` 对象设置为 `{ Authorization: 'Bearer ' + token }`,其中 `token` 是您的身份验证凭证。您可以将其替换为您实际使用的 token。
这样,每次上传文件时,请求将携带包含您的 token 的 Authorization 请求头。请确保你的服务器端程序能够使用这个请求头来验证用户的身份和权限。
阅读全文