Css Can'；t找出在背景图像中使用的路径：url（）；在Vue.js项目中获取特定图像

目前我有一个带有此文件树的Vue.js项目（仅显示相关文件夹和文件）：

因此，在header.vue组件中，我有以下CSS代码：

.background-image {
    background-image: url();
}

---

我需要引用assets文件夹中的image.jpg文件。我尝试了很多不同的组合，但从未看到过图像，所以我就是想不出来。

您可以尝试以下方法：

.background-image {
    background-image: url('../assets/image.jpg');
}

如果没有显示，一个可能的原因是元素

.background image

没有高度，特别是如果它还没有任何内容。尝试添加

填充

或

高度

.background-image {
  background-image: url("../assets/image.jpg");
  padding: 50px;
}

---

到目前为止，您尝试了什么？'image.jpg'、'assets/image.jpg'、'../assets/image.jpg'、'../assets/image.jpg'、'src/assets/image.jpg'等等。阿当，我确实找到了正确的路径，但因为它没有高度，所以无法显示。这就是答案。谢谢

.background-image {
  background-image: url("../assets/image.jpg");
  padding: 50px;
}