前端下载接口可以通过解析后端响应的标头信息来动态设置文件名和文件格式。以下是一个简单的示例：

// 假设从后端获取到的响应信息如下
const response = {
  headers: {
    'Content-Disposition': 'attachment; filename="example.txt"',
    'Content-Type': 'text/plain'
  }
};

// 从响应头中提取文件名和文件格式
function getFileNameAndFormat(response) {
  const contentDisposition = response.headers['content-disposition'];
  const match = contentDisposition.match(/filename="(.+?)"/);
  if (match && match[1]) {
    return { name: match[1] };
  } else {
    throw new Error('无法从响应头中获取文件名');
  }
}

// 根据文件名和文件格式生成下载链接
function generateDownloadLink(fileName, fileFormat) {
  return `download/${encodeURIComponent(fileName)}.${fileFormat}`;
}

// 使用示例
try {
  const { name } = getFileNameAndFormat(response);
  const downloadLink = generateDownloadLink(name, 'txt');
  console.log(downloadLink); // 输出： download/example.txt.txt
} catch (error) {
  console.error(error.message);
}

在这个示例中，我们首先从后端响应的Content-Disposition标头中提取文件名，然后根据文件名和文件格式生成下载链接。你可以根据实际情况修改这个示例以适应你的项目需求。