Vue.js Vuetify-映像加载失败

我要做的是在页面上显示图像。我已将其路径存储在后端（MySQL）中，在获取后，我将其放在

的src中，但出现以下错误：-

[Vuetify] Image load failed

src: userImage

found in

---> <VImg>
       <Anonymous>
         <VContent>
           <VApp>
             <App> at src/App.vue
               <Root>

[Vuetify]图像加载失败
src:userImage
发现于
---> 
在src/App.vue

编辑-这是我的Profile.js文件

<template>
<v-container >
      <div class="headline">Your Profile</div>
      <br><br>
      <div class="title">Username-</div>
      <v-text-field
      v-model="user.username"
      placeholder="Username"
      required
    ></v-text-field>
    <div class="title">Password-</div>
    <v-text-field
      v-model="user.password"
      placeholder="Password"
      required
    ></v-text-field>
    <div class="title">Avatar-</div>
    <v-img
      v-bind:src="userImage"
      aspect-ratio="1"
      class="grey lighten-2"
      max-width="150"
      max-height="150"
    ></v-img>
    <div class="title">Email-</div>
    <v-text-field
      v-model="user.email"
      placeholder="Email"
      required
    ></v-text-field>

</v-container>
</template>

你的个人资料



用户名-
密码-
化身-
电子邮件-

确保绑定

src

属性：

---

如您所见，该消息是由浏览器本身引发的事件生成的，因此这意味着图像URL有问题（具有此URL的图像不在服务器上）。检查呈现的URL，尝试将其复制并在浏览器中打开…

您需要显示一些代码，而不仅仅是错误消息…抱歉…数据呢？

userImage

的值是什么？userImage的值为=

upload\u images\users\main-thumb-394688203-200-tbjppbxdlfloldogbcqrvmrkwoxgnpom.jpeg

这就是我们正在讨论的开发环境吗？这张图片在服务器上吗？你好，杰克。你是如何解决这个问题的。我也有同样的问题