获取 blob 数据后附件 csv 文件格式不正确

问题描述

我正在尝试使用 React 上的 FileSaver 下载从服务器收到的 csv 文件：

import FileSaver from 'file-saver';

const getFile = async (url) => {
  const response = await fetch(url);
  const data = await response.blob();

  return FileSaver.saveAs(data,'file.csv');
}

文件已下载，但问题未格式化为 csv 文件。我打开它时得到了这个架构：

col_header1;col_header1;col_header1
EQUAL t1;EQUAL v1;EQUAL R1
EQUAL t1;EQUAL v2;EQUAL R2
EQUAL t1;EQUAL v1;EQUAL R3

所有数据都在一个列中，而不是在不同的列中。在打开之前有什么要添加的自动格式化吗？

解决方法

我通过在开头的日期添加分隔符解决了这个问题：

import FileSaver from 'file-saver';

const getFile = async (url) => {
  const response = await fetch(url);
  const data = await response.text();
  const csvData = 'sep=;\n' + data;
  const blob = new Blob([csvData],{type: 'text/csv;charset=utf-8;'});

  return FileSaver.saveAs(data,'file.csv');
}