Can'；在Vue.js中找不到图像路径

我试图在Vue.js中显示数组中的图像。问题是，当我尝试在组件内部实现映像时，它会说无法从该路径找到该映像。组件位于“组件”文件夹中，图像位于“资源”文件夹中。我甚至尝试创建图像文件夹并将这些图像从资源移动到图像文件夹，但仍然显示相同的错误

 <div v-for="number in [currentNumber]" :key='number'>
        <img :src="require(currentImage)" />
      </div>
...
export default {
  name: 'HelloWorld',
  data() {
    return {
      images: ['../assets/img1.jpg','../assets/img2.jpg'],
      currentNumber: 0,
    }
  },

---

问题是一样的。我在Stack Overflow中检查了其他类似的问题，但没有一个有效。如何解决此问题？

您必须使用

图像来代替：

export default {
  data() {
    return {
      image: require('~/path_to_image')
    }
  },

所以，若我创建一个单独的静态文件夹，那个么我的问题中的图像数组会是什么样子呢？对于这行：images:['../images/img1.jpg'，'../images/img2.jpg']，对不起，静态文件夹，我以为您使用的是Nuxt.js（但上面的代码还可以，因为Nuxt.js=Vue.js+SSR）您的代码在一个图像上看起来不错，而我使用的是您看到的图像数组。那么，这个阵列的解决方案看起来如何？图像：['../images/img1.jpg'，'../images/img2.jpg']，在这种情况下需要在哪里添加图像？是否有其他解决方案？因为在这种情况下，迭代变得非常复杂。
export default {
  data() {
    return {
      image: require('~/path_to_image')
    }
  },