vue3+django，获取保存在后端的图片并在前端显示

在 Vue3 中获取保存在后端 Django 服务器上的图片，并在前端显示，可以使用 axios 发送 GET 请求，然后将获取到的图片数据显示在页面上。

以下是一个基本的实现步骤：

1. 在 Vue3 中使用 axios 发送 GET 请求，获取需要显示的图片的 URL。

axios.get('/api/get/image/')
  .then(response => {
    // 获取图片数据，并将其显示在页面上
  })
  .catch(error => {
    console.log(error)
  })

2. 在响应的回调函数中，获取到图片数据，并将其显示在页面上。

axios.get('/api/get/image/')
  .then(response => {
    // 获取图片数据，并将其显示在页面上
    const imageUrl = response.data // 图片的 URL
    this.imageSrc = imageUrl
  })
  .catch(error => {
    console.log(error)
  })

3. 上述代码中使用了 Vue3 的数据绑定，将获取到的图片 URL 显示在页面上。

<template>
  <div>
    <img :src="imageSrc" alt="image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageSrc: ''
    }
  }
}
</script>

需要注意的是，如果图片较大，可能会影响加载速度，建议进行图片压缩和优化等操作。另外，还需要注意防止显示恶意图片，对显示的图片进行安全检查和验证。