css - 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”上

谢谢

标签： cssvue.jsurlbackground-imagevue-cli

Answer 1

如果您的 img 是公开的，只需写为相对路径：

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