vue怎么拿到接口传给的图片

在 Vue 中，可以使用 Axios 或其他 HTTP 请求库向后端发送请求获取图片。一般来说，获取图片的方式有两种：

1. 将图片转为 base64 编码，直接通过 HTTP 请求返回给前端，前端可以将 base64 编码解码为图片并显示。

2. 后端返回图片的 URL，前端通过 URL 加载图片。

下面是第二种方式的示例代码：

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

<script>
import axios from 'axios';

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

其中，`fetchImage` 方法通过 Axios 发送 GET 请求 `/api/image` 获取图片的 URL，并将 URL 赋值给 `imageUrl`，前端通过 `:src` 属性将图片 URL 显示在页面上。

需要注意的是，在实际开发中，需要根据具体的场景和需求选择适合的方式来获取图片。同时，还需要注意图片的大小和加载速度，避免影响用户体验。