关于antdesign:Day-13100-Ant-Design-上传文件如何加token

41次阅读

共计 495 个字符,预计需要花费 2 分钟才能阅读完成。

前言

今儿遇到了带宽上传文件的攻打(每秒 150M+),导致了服务宕机 1.5h。排查发现,上传文件没有 token 的参数。

1、需要

上传组件增加 token

2、为什么要增加 token?

1)因为能够拦截非平台申请;

2)平台内申请如果异样,能够禁用那个用户;

3、增加组件 headers 参数

1) 页面组件
<a-upload-dragger
  v-model:fileList="file"
  name="file"
  :action="apiLink"
  :beforeUpload="beforeUploadFile"
  :headers="requestHeaders"
  @change="handleChange"
>
  <p class="ant-upload-drag-icon">
    <inbox-outlined></inbox-outlined>
  </p>
  <p class="ant-upload-text">
    点击或拖拽到区域上传
  </p>
</a-upload-dragger>
2)header 传 token
data(){
    requestHeaders: {Authorization: 'Bearer' + token // 页面 token},
}

正文完
 0