如何从django rest项目中获取vue中的图像url

from rest_framework.views import APIView
from rest_framework.response import Response
from .models import Image

class ImageView(APIView):
    def get(self, request):
        # 从数据库中获取图像URL
        image = Image.objects.first()
        image_url = image.image_url if image else None
        
        # 将图像URL封装为JSON格式的响应数据
        data = {'image_url': image_url}
        
        return Response(data)

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

<script>
import axios from 'axios';

export default {
  data() {
    return {
      imageUrl: ''
    };
  },
  mounted() {
    // 发送请求到Django REST API视图的URL
    axios.get('/api/image/')
      .then(response => {
        // 提取图像URL并更新数据
        this.imageUrl = response.data.image_url;
      })
      .catch(error => {
        console.error(error);
      });
  }
};
</script>