2013-03-01 76 views
15

我见过这个问题来了很多;流星图像,CSS,“正常”Web服务

  • 如何在Meteor网站上放置图像?
  • 如何使用Meteor托管“标准”网页内容?
  • 我试着添加一个<img src="img/myimage.png">标签,但没有图片显示!
  • 如何在Meteor网站上托管一些文件?

回答

44

将内容放入项目根目录中名为“public”的文件夹中。

  • 您不需要在URL中包含/公开。
  • 支持公共内部的任何其他文件夹结构。
  • NodeJS路由插件不需要,因为其他答案已经提供。
  • 将外部库的JavaScript文件放在/ lib中。它们将被自动包含在内。

说明

流星,您可以承载在你的项目的根目录创建一个“公共”目录“标准”的网页内容。您放置在此文件夹中的任何图像,文件或数据将由NodeJS服务器正常提供,就好像它们位于服务器的根目录中一样。 /public/test/img.png

  • 相应的图像URL:


    • 项目中结构/test/img.png
    • HTML标记示例:<img src="/test/img.png"/>
  • +1

    只是想补充一点,**/**在开始时很重要。 – nooitaf 2013-03-02 14:19:45

    +1

    从Meteor找到的文档来看,如果您不希望在文件夹中的文件发生更改时刷新页面,请将“〜”添加到文件夹或文件的末尾。 如果我这样做,上面的例子停止工作! – Dave 2013-06-05 14:31:35

    +0

    @Dave在〜的末尾添加〜表示它是一个临时文件,Meteor忽略它。这是linux上的标准命名约定。请不要在你的项目文件的末尾添加一个〜.. – 2014-04-22 15:37:13

    0

    在项目目录内新建一个文件夹public。在公用文件夹内添加一个新文件夹img(或您选择的任何其他名称)。将需要添加到HTML中的所有图像复制到此文件夹中。

    现在你可以使用它像 - <img src="img/myimage.png">

    你并不需要包括/公众中的URL。

    +4

    您是否看到现有的答案,或者您是否决定发布相同的答案 – 2015-08-29 19:22:23