html中写一个vue方法从后台拿取图片地址

以下是一个实现从后台获取图片地址的Vue方法示例：

<template>
  <div>
    <img :src="imageUrl" alt="图片">
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      imageUrl: '',
    }
  },
  mounted() {
    this.getImageUrl();
  },
  methods: {
    getImageUrl() {
      axios.get('/api/getImageUrl')
        .then(response => {
          this.imageUrl = response.data.url;
        })
        .catch(error => {
          console.log(error);
        });
    },
  },
};
</script>

在上述代码中，我们定义了一个Vue组件，其中包含了一个img标签，用于显示图片。

在Vue组件的data函数中，我们定义了一个变量imageUrl，用于保存从后台获取到的图片地址。

在Vue组件的mounted函数中，我们调用getImageUrl方法，用于从后台获取图片地址并将其赋值给imageUrl变量。

在Vue组件的methods函数中，我们定义了一个getImageUrl方法，用于发送HTTP GET请求获取图片地址。在请求成功后，我们将获取到的图片地址赋值给imageUrl变量。如果请求失败，则会在控制台输出错误信息。

需要注意的是，这里使用了axios库发送HTTP请求，需要先引入axios库。同时，我们假设后台提供了一个名为"/api/getImageUrl"的接口，用于获取图片地址。在实际使用中，需要根据实际情况修改代码。