html+vue实现从后台拿到一组图片地址

可以通过Vue的axios库发送异步请求，从后台获取图片地址的数据，然后通过Vue的v-for指令循环渲染图片组件，如下所示：

<template>
  <div>
    <div v-for="(imageUrl, index) in imageUrls" :key="index">
      <img :src="imageUrl">
    </div>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      imageUrls: []
    }
  },
  mounted() {
    axios.get('/api/getImageUrls')
      .then(response => {
        this.imageUrls = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  }
}
</script>

在上面的代码中，通过axios库发送异步请求，从后台获取图片地址的数据。然后在Vue组件的data选项中定义imageUrls数组，用于存储获取到的图片地址数据。在mounted生命周期函数中发送请求，并将返回的数据存储到imageUrls数组中。最后使用v-for指令循环渲染图片组件，其中:imageUrl是循环变量，表示当前循环项中的图片地址。