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

Posted 2023-02-22

【中文标题】VueJS背景图像网址找不到路径

【英文标题】：VueJS background-image url not finding the path

【发布时间】：2020-07-17 00:12:54

【问题描述】：

我正在学习 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'

谢谢

【参考方案1】：

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

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