在javascript中怎么下载文件：解决问题1

首先，确定后端返回的是一个地址还是是一个文档流；

我这边讲的是后端返回的是一个地址

location.href

location.href 是 JavaScript 中的一个属性，它属于 location 对象。这个对象是 window 对象的一个属性，并且提供了关于当前文档 URL 的信息和控制能力。

用途：

• 读取：你可以使用 location.href 来获取当前页面的完整 URL。
• 修改：你也可以设置 location.href 的值来导航到一个新的 URL。

location.origin

location.origin 是 JavaScript 中 location 对象的一个只读属性，它返回当前文档的协议、主机名和端口号。这个属性非常有用，因为它提供了一种简单的方法来获取当前页面的基本网络位置信息。

用途：

• 获取当前页面的基础 URL：location.origin 返回当前页面的协议（如 http 或 https）、主机名（如 example.com）以及端口号（如 80 或 443）。这对于构建完整的 URL 非常有帮助，特别是在需要动态生成 URL 的情况下。
• 安全性和同源策略：location.origin 可以用来确保脚本与同一来源的资源交互，这是 Web 安全的重要组成部分。

location.href地址

 location.href = `${location.origin}这是你要请求的路径`;

 location.href = `${location.origin}/api/experiment/downloadEreessExcel`;

按钮事件@click="downloadHub

 <el-button :icon="DocumentRemove" @click="downloadHub">下载文件</el-button>

执行downloadHub事件

function downloadHub() {
  location.href = `${location.origin}/api/experiment/downloadEreessExcel`;
}

下面是完成的代码：

<el-button :icon="DocumentRemove" @click="downloadHub">下载文件</el-button>
   //js代码
function downloadHub() {
  location.href = `${location.origin}/api/experiment/downloadEreessExcel`;
}