小编Mig*_*l V的帖子

我有一个检索 json 对象的端点，如下所示：

"data": [
{
"id": 1,
"temaIndicador": "Indian",
"codigo": "001",
"observaciones": "Interactions Specialist tertiary Regional Tennessee",
"activo": "SI",
"urlImagen": "http://placeimg.com/640/480",
"color": "cyan",
"createdAt": "2022-01-26T18:48:36.002Z"
]

我想实现一个按钮，允许用户将数据导出为多种格式，包括 Excel (.xlsx)，但我真的不知道如何开始。我已经看到一些库意识到了这一点，但我感觉不太舒服，因为它们通常每周的下载量不到 1,500 次。

我的目的是导出一个带有简单表格的 Excel 文档，其中标题将是对象的属性。

我的页面上有以下结构：

export default function FichaTecnica(props) {
  const data = props.data;
  return (
    <>
      <Container>
        <TopData info={data} />
        <DataSheet datasheet={data} />
        <GraphBox history={data} />
        <MapButton hasMap={data.mapa} />
      </Container>
    </>
  );
}

export async function getServerSideProps(context) {
  const idIndicador = context.params.idIndicador;
  const res = await fetch(
    `${process.env.INDICADORES_BASE_URL}/indicadores/${idIndicador}`
  );

  const data = await res.json();
  if (res.status === 200) {
    return {
      props: { ...data },
    };
  } else {
    return {
      props: {
        data: [],
      },
    };
  }
}

在自定义组件“”内，我有一个按钮列表，用于将页面信息导出为 Excel、Json、CSV 和 PDF。我已经完成了前三个按钮，但我不知道从哪里开始将我的页面导出为 …

我有以下端点：

baseurl.com/api/v1/datasheet/format

访问此网址将下载基于数据表的特定信息。例如，在 Express 中，如果 format = json，我将返回此方法：

const generateJSON = (res, data) => {
    res.header('Content-Type', 'application/json');
    res.attachment('example.json');
    return res.send(data);
}

这工作正常，但它会自动将文件下载为“example.json”，而不询问用户是否允许下载该文件

我的目的是在我的前端有一个按钮（使用 NextJS），它会询问用户是否要下载文件（经典下载或取消下载提示），然后打开文件资源管理器等。

我怎样才能做到这一点？这是来自后端还是前端的东西？

如何使用 Next JS 在同一 Web 应用程序的转换之间创建加载程序页面？

现在，在开发环境中，页面有正常的过渡，这意味着 CSS 已正确应用于每个页面。当将应用程序构建到生产环境时，问题就开始了，例如，当我单击具有链接组件到另一个页面的按钮时，它会显示如下 1 或 2 秒：

1 或 2 秒后，它会相应地呈现：

很抱歉问了这个模糊的问题，但我不知道从哪里开始解决这个问题，我想它会通过两种可能的解决方案来解决：

1. 页面转换之间的加载页面。
2. 在 _app.js 或 _document.js 上做一些事情，但现在我不知道如何开始在这里查找。