vue从后台拿到图片地址显示在前端背景图

在 Vue 中从后台获取图片地址并将其作为背景图显示在前端，可以使用以下方法：

1. 在 Vue 组件中定义一个 data 属性来存储图片地址：

<template>
  <div :style="{ backgroundImage: 'url(' + imageUrl + ')' }">
    <!-- 其他内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: ''
    }
  },
  methods: {
    getImage() {
      // 从后台获取图片地址
      axios.get('/api/getImage')
        .then(response => {
          this.imageUrl = response.data.imageUrl
        })
    }
  },
  mounted() {
    this.getImage()
  }
}
</script>

2. 在组件的 mounted 钩子中调用方法来获取图片地址，使用 axios 发送 GET 请求获取图片地址。

3. 在 div 标签的 style 属性中使用 `backgroundImage` 属性绑定图片地址，即可将图片作为背景图显示在前端。

注意：在实际应用中，需要根据具体的后台接口返回数据格式来修改代码。同时，还需要注意图片的大小和尺寸适配问题。