Vue.js 使用vuejs流式处理数据

如何使用axios和vuejs导入大型csv文件并将其作为流从浏览器发送到api 我曾尝试用fs来实现这一点，但在导入库和网页包时出现了错误 尝试：

我曾尝试在webpack配置中添加以下内容，但仍不起作用，未看到错误，但fs作为空对象导入

webpack.config.js

    module.exports = {
      ...
      node: {
        fs: 'empty'
      }
    }

fs提供了fs.createReadStream和fs.createWriteStream，但我无法在浏览器中使用fs。 是否有其他方式将数据流式传输到api

数据从用户选择的大型csv中读取，并使用PapaPase从csv解析为json，我得到的是一个大型json，我想用axios将其发送到API，并使用下面的代码，我希望它能工作

const stream = fs.createReadStream(this.jsonData)
const form = new FormData();
form.append('csvData', stream);

Axios.post(
  `${api}${endpoint}/${id}/load`,
   Buffer.from(form),
  { headers: { "Content-Type": "multipart/form-data" }}
)
.then((response) => response)
.catch((error) => error.response);

我正在使用导入到web项目中的vuejs 2作为库

const stream = fs.createReadStream(this.jsonData)
const form = new FormData();
form.append('csvData', stream);

Axios.post(
  `${api}${endpoint}/${id}/load`,
   Buffer.from(form),
  { headers: { "Content-Type": "multipart/form-data" }}
)
.then((response) => response)
.catch((error) => error.response);