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

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

目录

前言

方法

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

2. 添加如下代码

总结

---

前言

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

---

方法

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>

---

总结

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