JavaScript -在项目中下载静态文件

应用场景：

项目中存储了相应的文件模板，实现点击下载到本地使用。

功能代码：

resetEdits(){
            // 创建一个隐藏的<a>标签
            const link = document.createElement('a')
            link.style.display = 'none'
            document.body.appendChild(link)

            // 设置文件的 URL 和名称
            link.setAttribute('download', '测试模板.xls')
            link.setAttribute('href', `/static/template/测试模板.xls?t=${Date.now()}`)

            // 模拟点击链接进行下载
            link.click()

            // 移除创建的<a>标签
            document.body.removeChild(link)
        },

也可以：

resetEdits ()  {
  const url = `/static/template/测试模板.xlsx?t=${Date.now()}`
  window.open(url)
}

要点：

注意：引用路径必须使用英文，防止打包引用地址错乱导致下载失败。

如果是在Vue中使用，Excel文件一般放在static文件夹中。

在Vue 2.0版本中，static文件夹与src文件同级。

在Vue 3.0版本中，static文件夹需要放在public文件目录下。