vue 下载本地模板,路径获取不到?-灵析社区

加班使我熟睡

我的Excel文件放到public下: ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241116/00eb75051c0d8ae654d328bd8ceb9406.png) 然后方法里调用下载: downloadFile() { let a = document.createElement("a"); a.href = './static/fileTemplate.xlsx'; console.log(a.href,'href---------'); a.setAttribute('download', '文件模板.xlsx'); a.style.display = 'none'; document.body.appendChild(a); a.click(); a.remove(); }, 控制台打印出来href是这样 : ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241116/927946d5c3033772911728766b65a537.png) 下载的时候就报找不到文件 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241116/1cb35e7a19c005517308dc9f2e2a2772.png) 我觉得正常应该是这样才对: [http://localhost:9102/static/fileTemplate.xlsx](https://link.segmentfault.com/?enc=c4o88v3vmHbW3kcRu%2FB8hA%3D%3D.HDK%2BEvxdig%2FMepFOJ8CATJ6aQOtm2cfbiDwEt8t3K6UCSXp76%2B9LiatoDh7mmlLF) 这样就可以下载到本地文件。 不知道哪里出错了,求指教!

阅读量:23

点赞量:0

问AI
爱打瞌睡的三角龙
a.href = location.origin + '/static/fileTemplate.xlsx'; 这样部署到服务器也可以下载文件 这样试试