vue从前端静态资源包中下载文件

码不尽的码 2024-08-23 08:33:09 阅读 50

从前端静态资源包中下载文件

目录

前言

方法

1. 在public目录下新建resource目录,将文件放在resource目录下

2. 添加如下代码

总结


前言

有些时候我们需要实现下载模板和图片等功能,文件量少、体积小、不做修改,放在后端做又有点麻烦,可以直接放在前端做,方便快捷。


方法

1. 在public目录下新建resource目录,将文件放在resource目录下

2. 添加如下代码:

<code><template>

<div>

<a :href="getUrl">文件下载</a>code>

</div>

</template>

<script>

export default {

methods: {

getUrl() {

return `${this.$jsBaseUrl}/resource/template.xlsx`

}

}

}

</script>


总结

有些时候我们需要实现下载模板和图片等功能,文件量少、体积小、不做修改,放在后端做又有点麻烦,可以直接放在前端做,代码简单,方便快捷。



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。