问答一下,轻松解决,电脑应用解决专家!
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win10/Win11
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascriptLinux/CentOS
PHP教程CSS教程XML教程

vue中a标签download下载本地文件“失败-未发现文件“问题的解决

更新时间:2021-07-19 16:08 作者:系外行星研究僧点击:

1. 非vue项目一般情况下我们习惯把本地文件放在当前文件夹下,此时可以正常下载

2. vue项目:我们先依然把本地文件放在当前文件夹下

便出现了标题中所说的错误如下:

解决办法:把本地文件放到static文件夹,就可以了

方法一:依然用a标签

 <el-button>
      <a href="../../../static/解决vue上传数据模板.xlsx" download>下载</a>
 </el-button>

由于a标签有自己的点击样式,可能会影响我们本身按钮的样式,所以可以采用第二中

方法二:点击事件

 

  <el-button  @click="downloadExcel"  type="primary">
      下载导入模板
  </el-button>

  downloadExcel() {
      // // window.location.href="http://localhost:80/static/解决vue上传数据模板.xlsx" ; 
       window.location.href="/static/解决vue上传数据模板.xlsx.xlsx"

  },

二者效果相同,结果如下:

至此问题得到解决。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容