网站上的破碎图像

Question

我无法在我的网站上正确加载我的图片。

图像文件位于：〜/ node-js-sample / img 图像文件标题为：hhb.png，权限为755 index.html文件位于〜/ node-js-sample

中

我在aws服务器上托管该网站。

如果有任何其他信息可以提供帮助，请与我们联系。

以下是代码示例

    <div class="text-center logo">
        <a><img src="/img/hhb.png"></a>
        <span class="brand-headline visible-desktop">
            <p class="title-text">LOGO</p>
        </span>
    </div>

Answer 1

由于您的图片位于html文件所在的子文件夹中，因此您需要使用相对路径而不是绝对路径。

而不是<img src="/img/hhb.png">，请使用<img src="img/hhb.png">。

Answer 2

原来，您的图片需要发布在公共文件夹中，而不是index.html文件所在的文件夹中。