antd 打包后上传没有进度条

如果您使用的是 antd 的 Upload 组件，而在打包后上传时没有进度条，可能是因为您没有配置 Upload 组件的 `progress` 属性。

要在上传文件时显示进度条，您需要将 Upload 组件的 `progress` 属性设置为一个函数，该函数将接收一个 `ProgressEvent` 对象，您可以从中获取上传进度信息，并将其传递给组件以更新进度条。

以下是一个示例代码片段，展示如何将 `progress` 属性设置为一个函数：

import { Upload, message } from 'antd';
import { UploadOutlined } from '@ant-design/icons';

const props = {
  name: 'file',
  action: '/upload',
  headers: {
    authorization: 'authorization-text',
  },
  progress: ({ percent }) => {
    console.log(percent);
  },
  onChange(info) {
    if (info.file.status !== 'uploading') {
      console.log(info.file, info.fileList);
    }
    if (info.file.status === 'done') {
      message.success(`${info.file.name} file uploaded successfully`);
    } else if (info.file.status === 'error') {
      message.error(`${info.file.name} file upload failed.`);
    }
  },
};

<Upload {...props}>
  <Button icon={<UploadOutlined />}>Click to Upload</Button>
</Upload>

在上面的代码中，`progress` 属性已经设置为一个函数，该函数将在上传过程中被调用，并传递一个包含上传进度信息的 `ProgressEvent` 对象。在此示例中，我们只是简单地将上传进度信息输出到控制台，但您可以根据需要自定义更新进度条的逻辑。