創(chuàng)新互聯(lián)www.cdcxhl.cn八線(xiàn)動(dòng)態(tài)BGP香港云服務(wù)器提供商，新人活動(dòng)買(mǎi)多久送多久，劃算不套路！

創(chuàng)新互聯(lián)建站 - 香港機(jī)房服務(wù)器托管，四川服務(wù)器租用，成都服務(wù)器租用，四川網(wǎng)通托管,綿陽(yáng)服務(wù)器托管，德陽(yáng)服務(wù)器托管，遂寧服務(wù)器托管，綿陽(yáng)服務(wù)器托管，四川云主機(jī)，成都云主機(jī)，西南云主機(jī)，香港機(jī)房服務(wù)器托管，西南服務(wù)器托管，四川/成都大帶寬，機(jī)柜大帶寬、租用·托管，四川老牌ＩＤＣ服務(wù)商

不懂vue@cli3項(xiàng)目模板使用public目錄下靜態(tài)文件的方法？其實(shí)想解決這個(gè)問(wèn)題也不難，下面讓小編帶著大家一起學(xué)習(xí)怎么去解決，希望大家閱讀完這篇文章后大所收獲。

作為圖片最好放在static目錄下，但是vue@cli3沒(méi)有static，網(wǎng)上都說(shuō)放在public目錄下，行，那就放吧，可問(wèn)題是圖片放了怎么使用

第一次嘗試

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

后面看網(wǎng)上說(shuō)把前面路徑下的public路徑去掉，好，開(kāi)發(fā)環(huán)境沒(méi)問(wèn)題了，可打包報(bào)錯(cuò)怎么辦，就這個(gè)我研究了好久。

解決問(wèn)題

網(wǎng)上一大堆牛頭不對(duì)馬嘴的，我也是無(wú)語(yǔ)了
最后的最后，終于官網(wǎng)找到了完美的解決方案

如此設(shè)置，完美解決問(wèn)題，如果你留心觀察過(guò)，你會(huì)發(fā)現(xiàn)，index.html文件的ico圖標(biāo)就已經(jīng)這么使用了

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

分享名稱(chēng)：vue@cli3項(xiàng)目模板使用public目錄下靜態(tài)文件的方法-創(chuàng)新互聯(lián)
新聞來(lái)源：http://jinyejixie.com/article28/geicp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站內(nèi)鏈、網(wǎng)頁(yè)設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、服務(wù)器托管、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)