vue-cli3 处理静态文件 下载引用

问题：利用vue-cli3 写的项目，有一个下载excel 模板的功能，模板存放在前端本地，然后下载。

解决：

1）把excel 模板放到本地项目的 public 下（注意，一定要放在public 下，这样webpack 在打包的时候才不会解析他，会原封不动的引用他）；

2）在data里面定义

data () {
  return {
    publicPath: process.env.BASE_URL
  }
}

3）然后这样引用

<a :href="`${publicPath}template/template.xlsx`" target="_blank" download="template.xlsx">点击下载模板</a>

引申：类似于这种静态文件引用，都可以这样写，不过写法不一样

link标签:

<link rel="icon" href="<%= BASE_URL %>favicon.ico">

图片：

<img :src="`${publicPath}my-image.png`">