Vue 下载本地静态资源
-
项目需要下载本地的Excel文档,文档是放在本地的没有在服务器,所以需要下载本地静态资源文件,开始把文件放在了这里src目录下的assets资源文件下
-
下载报错 找不到文件路径
-
查找原因是因为项目用的是vue-cli3, 在打包的时候并不知道会把assets下的文件打包在哪里,但是在build的时候发现在根目录下的文件是打包在当前路径下的
-
所以我们要把需要下载的静态资源放在public文件夹下的static文件夹下就可以了
- 你可能在输入路径的时候会提示你是src,而不直接是static,但是你还是要直接输入static这个路径
示例代码
function download(){
// window.location.href = '../assets/abc.pdf'
// let url = '../../public/template.xlsx' 不需要写绝对路径
let url = '/template.xlsx'
const a = document.createElement('a')
a.href = url
a.download = 'template.xlsx' // 下载后文件名
a.style.display = 'none'
document.body.appendChild(a)
a.click() // 点击下载
document.body.removeChild(a) // 下载完成移除元素
}
本文作者:又一岁荣枯
本文链接:https://www.cnblogs.com/java-six/p/16855607.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
2021-11-03 JDBC固定步骤-java连接MySQL
2021-11-03 IDEA常用快捷键