vue-cli4前端实现下载本地Excel模板，以及下载静态文件的坑（实测有效）

vuecli2里面，下载静态文件方法：1.我的我的;2. location.href=" …/static/1111.xls`"3. window.open等等；需要注意的是：cli2里面需要把要下载的文件放在static下面；但是现在cli已经出到4了，需要将文件放在public里面才不会被打包，但是同样的方法我们会发现却找不到文件,效果如图：结果经过我百般尝试发现；将路径改为：下载下载成功，.

执剑、天涯

4525人浏览 · 2020-08-27 22:59:25

执剑、天涯 · 2020-08-27 22:59:25 发布

vuecli2里面，下载静态文件方法：
1. a标签用 :href="../static/1111.xls" download=“下载"下载;
2. location.href=”…/static/1111.xls`"
3. window.open等等；
需要注意的是：cli2里面需要把要下载的文件放在static下面；

但是现在cli已经出到4了，需要将文件放在public里面才不会被打包，
但是同样的方法我们会发现却找不到文件,效果如图：
在这里插入图片描述

结果经过我百般尝试发现；将路径改为：
href="./11111.xlsx" download=“下载”

下载成功，

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^