vue@cli3 項目模板怎么使用public目錄下的靜態文件,找了好久都不對，郁悶！

作為圖片最好放在static目錄下，但是vue@cli3沒有static，網上都說放在public目錄下，行，那就放吧，可問題是圖片放了怎么使用

第一次嘗試

肯定用絕對路徑這就不說了，用相對路徑，webpack會解析成base64，可是絕對路徑怎么輸都不對，咋回事

后面看網上說把前面路徑下的public路徑去掉，好，開發環境沒問題了，可打包報錯怎么辦，就這個我研究了好久。

解決問題

網上一大堆牛頭不對馬嘴的，我也是無語了
最后的最后，終於官網找到了完美的解決方案

如此設置，完美解決問題，如果你留心觀察過，你會發現，index.html文件的ico圖標就已經這么使用了

    <template>
  <div class="er">
    <el-scrollbar style="height:100%">
      <div class="ds">
        <img
          class="sdde"
          :src='`${publicPath}imges/but_play.png`'
        >
      </div>
    </el-scrollbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      publicPath: process.env.BASE_URL
    }
  },
  components: {
  }

}
</script>