【问题标题】:Meteor Images, CSS, "Normal" Web Serving流星图像、CSS、“普通”网络服务
【发布时间】:2015-08-29 12:47:09
【问题描述】:

我经常看到这个问题出现;

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

【问题讨论】:

    标签: image web-services http meteor


    【解决方案1】:

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

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

    说明

    在 Meteor 中,您可以通过在项目的根目录中创建“公共”目录来托管“标准”网络内容。您放置在此文件夹中的任何图像、文件或数据都将由 NodeJS 服务器正常提供,就好像它们位于服务器的根目录中一样。


    示例

    • 项目内的结构:/public/test/img.png
    • 对应图片网址:/test/img.png
    • 示例 HTML 标记:<img src="/test/img.png"/>

    【讨论】:

    • 只是想补充一下,开头的/很重要。
    • 根据我在 Meteor 中找到的文档,如果您不希望每次文件夹中的文件更改时都刷新页面,请在末尾添加“~”的文件夹或文件。如果我这样做,上述示例将停止工作!
    • @Dave 将 ~ 添加到某些内容的末尾表明它是一个临时文件,Meteor 会忽略它。这是 linux 上的标准命名约定。请不要故意在项目文件的末尾添加 ~ ..
    • 我有它,所以服务器可以将图像保存到公用文件夹中,但每次它都会重新启动服务器!这会在生产中发生吗?
    • @nearpoint 它不会在生产中发生,但这也是存储和提供动态图像的错误方法。
    【解决方案2】:

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

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

    您不需要在 URL 中包含 /public。

    【讨论】:

    • 您看到现有答案还是决定发布相同的内容
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-28
    • 1970-01-01
    • 2015-09-10
    • 2011-11-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多