ant-design-vue的upload怎么带token
时间: 2023-10-22 20:06:49 浏览: 237
您可以在上传前通过设置header将token传递给后端,示例代码如下:
```
<template>
<a-upload
:action="uploadUrl"
:headers="{ Authorization: `Bearer ${token}` }"
:before-upload="beforeUpload"
>
<a-button>
<a-icon type="upload"></a-icon>
Click to Upload
</a-button>
</a-upload>
</template>
<script>
export default {
data() {
return {
token: 'your_token_here',
uploadUrl: 'your_upload_url_here',
};
},
methods: {
beforeUpload(file) {
// 设置上传文件的文件名,一般后端会根据此文件名进行解析和存储
file.name = `${new Date().getTime()}_${file.name}`;
return true;
},
},
};
</script>
```
其中,token和uploadUrl分别为您的后端提供的上传token和上传地址。在headers中设置Authorization字段,值为Bearer加上空格再加上token即可将token传递给后端进行验证。
另外,在beforeUpload方法中可以设置上传文件的文件名,方便后端解析和存储。
阅读全文