我得到了一个带有以下代码的车把主模板。
<!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 错误。
我相信你需要使用像
img/logo.png
这样的相对路径,你这样做的方式是试图在根级别上找到,因为你拥有的img文件夹是HTML文件的同级文件夹,你应该使用相对路径。
所以基本上只需删除最初的
/
<header><img src="img/logo.png" alt="Meadowlark Travel Logo"></header>