vue 上传文件后后端传回来地址前端显示图片

可以使用Vue的v-bind指令将后端传回来的图片地址绑定到img标签的src属性上，例如：

<template>
  <div>
    <input type="file" @change="uploadFile">
    <img :src="imageUrl" alt="uploaded image">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: ''
    }
  },
  methods: {
    uploadFile(event) {
      const file = event.target.files[0]
      const formData = new FormData()
      formData.append('file', file)
      // 发送上传请求，获取后端返回的图片地址
      axios.post('/api/upload', formData)
        .then(response => {
          this.imageUrl = response.data.imageUrl
        })
    }
  }
}
</script>

其中，axios是一个常用的HTTP库，用于发送异步请求。在上传文件后，后端返回的图片地址会被赋值给data中的imageUrl属性，从而实现图片的显示。