vue項目中的public文件夾

任何放置在 public 文件夾的靜態資源都會被簡單的復制，而不經過 webpack。你需要通過絕對路徑來引用它們。

引用public資源

在模板中，你首先需要向你的組件傳入基礎 URL：

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

然后：

<img :src="`${publicPath}my-image.png`">

處理靜態資源

靜態資源可以通過兩種方式進行處理：

在 JavaScript 被導入或在 template/CSS 中通過相對路徑被引用。這類引用會被 webpack 處理。

放置在 public 目錄下或通過絕對路徑被引用。這類資源將會直接被拷貝，而不會經過 webpack 的處理

傳送門：vue-cli官方文檔

PS：如果項目部署在域名根部，可以通過相對路徑引用public文件夾資源

有問題，請指正~

總結

以上是生活随笔為你收集整理的public文件夹访问的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。