当我打开实时服务器时，我的图像在html和css中完美显示，但是当我不使用实时服务器打开时，图片不显示

Question

我正在使用Visual Studio代码，当我使用实时服务器打开代码时，它可以正常工作，但是当我通过index.html打开代码时，图片将不会显示。请帮助

HTML

<div class="about-img">
      <img src="/uploads/about_04.jpg" alt="" style="width: 100%;" />
</div>`

CSS

.about-img {
    display: block;
    float: right;
    width: 45%;
    margin-top: -60px;
    margin-right: 40px;
    margin-bottom: 300px;
    box-shadow: 20px 20px 5px black;
}