vue\cli3.0 配置靜態資源問題

重要事情說三遍 vue\cli3.0的靜態資源要(放在public目錄下!放在public目錄下!放在public目錄下!)這樣在打包時不會被解析,而直接引用他。

圖片資源引入

data () {
    return {
        imgUrl: require('1.jpg')
    }
}


<img :src="imgUrl" alt="" />

本地資源下載

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


<a :href="`${resourcePath}test.pdf`" target="_blank" download="test.pdf">下載文件</a>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章