0


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

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


前言

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


方法

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

2. 添加如下代码:

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

<script>
export default {
  methods: {
    getUrl() {
      return `${this.$jsBaseUrl}/resource/template.xlsx`
    }
  }
}
</script>

总结

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

标签: vue.js 前端

本文转载自: https://blog.csdn.net/weixin_41103943/article/details/139464794
版权归原作者 码不尽的码 所有, 如有侵权,请联系我们删除。

“vue从前端静态资源包中下载文件”的评论:

还没有评论