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`">