Vuejs2 如何在vue中正确显示图像

在我的组件中，我正在显示图像，但在控制台中显示此错误

GEThttp://127.0.0.1:8000/uploads/null 404（未找到）

我的代码

<img :src="`./uploads/${student.image}`" alt="No Image" style="height: 80px; width: 80px">

<tr class="text-center" v-show="students.length" v-for="(student, index) in 
    students" :key="student.id">

    <td>{{ index+1 }}</td>
    <td>{{ student.name }}</td>
    <td>{{ student.email }}</td>
    <td>{{ student.phone }}</td>
    <td>{{ student.address }}</td>
    <td v-show="student.image">

        <img :src="`./uploads/${student.image}`" alt="No Image" 
           style="height: 80px; width: 80px">
    </td>
    <td v-show="! student.image">No Image</td>
</tr>

更新

<img :src="`./uploads/${student.image}`" alt="No Image" style="height: 80px; width: 80px">

<tr class="text-center" v-show="students.length" v-for="(student, index) in 
    students" :key="student.id">

    <td>{{ index+1 }}</td>
    <td>{{ student.name }}</td>
    <td>{{ student.email }}</td>
    <td>{{ student.phone }}</td>
    <td>{{ student.address }}</td>
    <td v-show="student.image">

        <img :src="`./uploads/${student.image}`" alt="No Image" 
           style="height: 80px; width: 80px">
    </td>
    <td v-show="! student.image">No Image</td>
</tr>

{{index+1}}
{{student.name}
{{student.email}
{{student.phone}
{{student.address}
没有图像

在浏览器中显示我的图像

在控制台中显示此错误

---

如何删除控制台错误？

student.image

为空，删除控制台错误的唯一方法是首先使用

v-if

无图像

student.Image似乎未设置。但在视图中显示图像。。请让我知道如何解决@RuudVerhoef

My code

几乎不足以帮助您解决具体的错误。。。在那一行HTML中看起来没有什么错误-但是。。。什么是学生。。。什么是

student.image

（显然是空的）-student.image的值是如何设置的（显然现在设置为空的）我用图片更新了我的问题，

student…

是我收集的

students

中的一行，我用

v-for

@Bravoyour

student将其称为循环。未定义图像。
console.log（student.image）
Thank you@kikuyu1的输出是什么？这是工作，控制台中没有错误。谢谢这个答案。：）不客气，如果有帮助，请接受这个答案。这篇文章会有帮助的