vue3+django，前端如何请求图片数据

在Vue3中，你可以使用`axios`或`fetch`等网络请求库来请求图片数据。具体步骤如下：

1. 在Vue3中引入`axios`或`fetch`等网络请求库。

2. 在Vue3中创建一个方法或组件来请求图片数据。例如，你可以创建一个方法来请求一个图片链接：

methods: {
  getImage() {
    axios.get('/api/image').then(response => {
      // 处理响应数据
      console.log(response.data)
    }).catch(error => {
      // 处理错误
      console.error(error)
    })
  }
}

3. 在Django中设置一个API视图来返回图片数据。例如，你可以创建一个视图来返回一个图片链接：

from django.http import HttpResponse

def get_image(request):
    image_data = open('/path/to/image.jpg', 'rb').read()
    return HttpResponse(image_data, content_type='image/jpeg')

4. 在Django中设置一个URL路由来映射API视图。例如，你可以创建一个URL路由来映射`/api/image`到`get_image`视图：

from django.urls import path
from . import views

urlpatterns = [
    path('api/image', views.get_image),
]

5. 在Vue3中调用`getImage`方法来请求图片数据。例如，你可以在Vue3中的`mounted`钩子函数中调用`getImage`方法：

mounted() {
  this.getImage()
}

这样，你就可以在Vue3中请求Django中的图片数据了。