我正在學(xué)習(xí)如何使用 VueJS 并設(shè)法制作一個顯示餐廳菜單的簡單頁面（在單個文件中）。現(xiàn)在我正在使用 vue-cli 并重構(gòu)我所做的事情：除了圖像之外，一切都正常。我的結(jié)構(gòu)是這樣的：/node_modules/public/src    /assets        /picture.jpg        /[...]    /components        /MenuItem.vue    App.vue    main.ts在 src/App.vue 中：<template>[...]         <ul>            <MenuItem              v-for="plat in plats"              :name="plat.name"              :price="plat.price"              :url="plat.url"              :role="role"              :plat="plat"              :supprimer="supprimer"              :key="plat.name"            />         </ul>[...]</template><script>import MenuItem from './components/MenuItem'export default {  name: 'App',  components: {    MenuItem  },  data() {    return{      plats: [        {name: "Steak de boeuf", price: 5.99, url: "/assets/steak.jpg"},        {name: "Coq au vin", price: 8.99, url: "/assets/coq.jpg"},        {name: "Gencives de porc", price: 12.99, url: "/assets/porc.jpg"},        {name: "Entrée", price: 4.99, url: "/assets/entrée.jpg"},        {name: "Plat du jour", price: 14.99, url: "/assets/plat.jpg"}],[...]</script>在 src/components/MenuItem.vue 中：<template>    <li class="plat">        <img :src="url"/><p> {{ name }} - {{ price }}€</p>        <p v-if="role=='admin'" @click="supprimer(plat)"> Supprimer le plat </p>    </li></template><script>export default {  name: 'MenuItem',  props: ['name','price','url','role','plat','supprimer']}</script>我認(rèn)為這可能是因?yàn)閳D片的路徑，但我嘗試了絕對/相對路徑，但沒有任何效果。我嘗試將路徑更改為“./assets/...”、“./src/assets/...”等，因?yàn)槲也淮_定vuejs從哪個位置搜索圖片。當(dāng)我運(yùn)行代碼時，一切都顯示正確，除了圖像被“未找到圖像”符號替換：結(jié)果