Javascript 在vue js'中加载背景图像时出现问题；s样式标签

我在我的vue应用程序中尝试了所有操作，但即使我使用了.html文件，我也无法让我的app.vue文件加载背景图像。我在互联网上尝试了一切，但都没有成功。让我们直接讨论这个问题

背景图片：url（“/@/components/images/Cover1.jpg”）；

这段代码没有任何作用

我甚至添加了背景色，效果很好。除了图像以外的所有东西都显示出来了。所以我认为这是因为路径。我尝试了从~@/components/images/Cover1.jpg到/components/images/Cover1.jpg的所有方法，但是当我使用/components/images/Cover1.jpg和/@/components/images/Cover1.jpg时，vue js并没有给我一个错误

下面是文件夹和文件的结构。我需要的图像位于images文件夹中

（2个错误是由于vetur错误导致的，并且没有与标签链接） 我正在根据app.vue的标签设计网站的样式

我也在一个普通的html和css文件中尝试了它

folder:
    .images
    .index.html
    .styles.css

关于这个文件结构和普通的html css文件

background-image: url("images/Cover1.jpg");

工作 但app.vue one存在问题。

---

请告诉我要做什么

实际上，在vue中，静态文件应该在资产文件夹中

background-image: url("~@/assets/images/Cover1.jpg");

对于您的情况，请尝试此路径

background-image: url("~@/components/images/Cover1.jpg"); 

---

*注意开头的tilda

~

键

这确实令人尴尬，但问题是

图像文件夹是大写的“I”，但我写了

“~@/components/images/Cover1.jpg”

而不是

“~@/components/Images/Cover1.jpg”

所以它没有加载图像，尽管奇怪的是它没有给出任何错误

---

这是一件愚蠢的事，让人担心。。。至少我对社区做出了贡献-。-

@BoussadjraBrahim只是一个小问题：如果问题是由打字错误引起的，或者是不可复制的，告诉老年退休金计划署删除他们的问题是一个好建议，但在收到答案后这样做不是一个好主意。即使是打字错误，该用户也花了一些精力来编写答案，这需要加以考虑。