vue 拿到后端的图片地址或者名称数据并通过对应信息显示本地的图片

如果后端返回的是图片地址或者名称数据，我们可以在 Vue.js 中使用这些信息来动态构建图片的 URL，然后将 URL 赋值给 img 标签的 src 属性，从而实现显示本地的图片。具体步骤如下：

1. 在 Vue.js 的 data 中定义图片地址或者名称的变量。

data() {
  return {
    imageUrl: '', // 图片 URL
    imageName: 'example.jpg' // 图片名称
  }
}

2. 使用 require() 方法动态构建图片 URL。

created() {
  // 将图片名称和静态资源目录拼接起来，动态构建图片 URL
  this.imageUrl = require(`@/assets/images/${this.imageName}`);
}

3. 在 Vue.js 的模板中，使用 img 标签显示图片。

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

通过以上步骤，就可以在 Vue.js 中拿到后端的图片地址或者名称数据，并通过对应信息显示本地的图片。需要注意的是，使用 require() 方法动态构建图片 URL 时，需要将图片名称和静态资源目录拼接起来，并使用模板字符串的形式来构建 URL。同时，也需要将图片 URL 存储到 Vue.js 的 data 中，并在 img 标签中通过绑定 src 属性来显示图片。