我正在嘗試從我的 Laravel 和 Vue 應用程式的公共檔案夾中獲取徽標影像。該檔案被呼叫index.vue并具有以下結構:
<template>
<div>
<div class="header-container">
<div class="header-content">
<div class="logo-container">
<img :src="'/public/images/logo/black.png'" alt="logo">
</div>
</div>
</div>
<!-- Tell Vue where to render components -->
<router-view></router-view>
</div>
</template>
這是檔案結構,您可以看到該檔案存在且路徑正確:

但是當我切換回視圖時,它看起來像這樣:

我也嘗試過在刀片模板中使用 的方式呼叫它{{ asset() }},但這不起作用并給我一個編譯器錯誤。
如何讓這張圖片加載到我的 Vue 檔案中?
uj5u.com熱心網友回復:
不確定 vue laravel。但是,由于它是一個相對路徑,我認為您不需要系結任何東西。
<img src="/images/logo/black.png" alt="logo">
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/312815.html
