这个img标签中的src属性有什么问题?草地鹨旅游

问题描述 投票:0回答:1

我得到了一个带有以下代码的车把主模板。

<!doctype html>
<html>
<head>
    <title>Meadowlark Travel</title>
</head>
<body>
    <header><img src="/img/logo.png" alt="Meadowlark Travel Logo"></header>
    {{{body}}}
</body>
</html>

我有一个像这样的目录结构。

└── meadowlark.js
└── img
   └── logo.png

└── views

   └── home.handlebars

   └── layouts

         └── main.handlebars 

当我启动服务器时,出现图像 404 错误。我在 src 属性中输入错误是什么? meadowlark.js 是运行服务器的东西。

我不知道还能尝试什么,无论我输入什么,我都会收到 404 错误。

html express-handlebars
1个回答
0
投票

我相信你需要使用像

img/logo.png
这样的相对路径,你这样做的方式是试图在根级别上找到,因为你拥有的img文件夹是HTML文件的同级文件夹,你应该使用相对路径。

所以基本上只需删除最初的

/

<header><img src="img/logo.png" alt="Meadowlark Travel Logo"></header>
© www.soinside.com 2019 - 2024. All rights reserved.