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

转载地址：https://blog.csdn.net/qq_40247562/article/details/89921778

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

解决：

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

2）在data里面定义
 

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

3）然后这样引用

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

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

link标签:

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

图片：

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