Javascript 使用作为属性传入的对象的url绑定图像

我正在使用Vue cli，并将对象作为属性从父组件传递到子组件

这是对象的一个示例（在父组件中，但作为道具传递）

这是我试图在子组件中将其绑定到的图像标记。questionIndex只是一个数字，当用户转到下一个问题时，我使用它来呈现下一个问题

<img :src="questions[questionIndex].imgUrl"/>

我得到的错误是： 获取404（未找到）

除了图像，我能把一切都渲染得很好。我相信这和网页有关，但我不确定。我尝试过查看类似的线程，但所有这些线程都是试图渲染作为vue实例数据传递的单个图像的人。而我的情况则不同

只是为了让事情更清楚。。我正在尝试在琐事组件中渲染，对象（道具）正在从应用程序组件传入

---

动态文件和图像应存储在静态文件夹中，然后在根目录为index.html时引用路径

---

./static/images/0.jpg

这是一段粗略的代码。但是vue用户将得到这个。 儿童：

道具：[“图像”]

家长：

<child-tag image="file.extension" />

---

src/assets：应该有file

file.extension

http://localhost:8080/

指向

build

目录。使用

imgUrl:'../../src/assets/0.jpg'

yes！您应该将图像移动到/build文件夹。这些是公共文件，不是源文件imgurl:“../../src/assets/0.jpg”。不幸的是，这对我仍然不起作用。太棒了，它起作用了。所以为了澄清，图像应该一直处于静态状态？资产文件夹的用途是什么？资产用于静态图像和文件，这些图像和文件不会从CMS系统或其他系统中更改，例如始终存在的静态徽标或字体，甚至用于没有动态路径的图像/SVG

<img :src="require(`@/assets/${image}`)">
props: ['image']

<child-tag image="file.extension" />