不懂vue@cli3項目模板使用public目錄下靜態文件的方法？其實想解決這個問題也不難，下面讓小編帶著大家一起學習怎么去解決，希望大家閱讀完這篇文章后大所收獲。
作為圖片最好放在static目錄下，但是vue@cli3沒有static，網上都說放在public目錄下，行，那就放吧，可問題是圖片放了怎么使用
第一次嘗試
肯定用絕對路徑這就不說了，用相對路徑，webpack會解析成base64，可是絕對路徑怎么輸都不對，咋回事
后面看網上說把前面路徑下的public路徑去掉，好，開發環境沒問題了，可打包報錯怎么辦，就這個我研究了好久。
解決問題
網上一大堆牛頭不對馬嘴的，我也是無語了
最后的最后，終于官網找到了完美的解決方案
如此設置，完美解決問題，如果你留心觀察過，你會發現，index.html文件的ico圖標就已經這么使用了
<template>
<div class="er">
<el-scrollbar >
<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>感謝你能夠認真閱讀完這篇文章，希望小編分享vue@cli3項目模板使用public目錄下靜態文件的方法內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
