VueJS背景图像网址找不到路径

Question

我正在学习 VueJs，但我被阻止了。 我的问题是我不知道我需要为组件 css 部分上的背景图像属性的 url 提供哪个路径。

<template>
  <div class="layer"></div>
<template>

<script>
 export default {
   name: 'Layer'
 }
</script>

<style lang="scss">
.layer{
  background-image: url(../public/images/myImage.jpg)
}
</style>

我需要输入什么网址？ 我的图片在“public/images/myImage.jpg”上 我的组件层位于'src/components/Layer.vue'

谢谢

Answer 1

如果你的img是公开的，就写成相对路径：

.layer{
  background-image: url('/images/myImage.jpg')
}