image - 使用 Meteor 中的路由器渲染模板后无法加载图像

Question

我正在运行 Meteor 0.6.6.1，使用包路由器，我所有的图像都在公共文件夹中。我的问题是：当我在 URL 根 ( http://localhost:3000) 中时，在呈现模板后，我能够加载图像，如下图所示使用控制台：

但是当我在另一个 URL http://localhost:3000/orderProduct/frame1（

正如我们从控制台的输出中看到的，唯一的区别是众所周知的 Chrome 关于内容类型的警告。

在呈现模板后，我想在路由 URL 中加载图像。有人可以帮助我吗？提前致谢。

Answer 1

您对图像使用相对 URL，即不以/. 在这种情况下，浏览器会搜索与当前文档路径相关的图像。因此，在第二种情况下，它会在orderProduct不存在的文件夹中搜索 - 因此会出现错误。查看浏览器尝试获取的图像 URL 是什么，这在两个示例中是不同的。

要解决您的问题，请使用绝对路径，以/：

$('body').append('<img src="/imageName.png">');

在这种情况下，浏览器将在当前服务器上的给定路径中查找照片，无论当前页面地址是什么，它都会找到它。