我正在尝试将图像提供给我的meteor应用程序,因此我将图像放在公共文件夹中,但图像不会出现在应用程序中(它只显示损坏的图像) . 但是当我将图像放在根文件夹中时,它可以完美地工作 .
在与此类问题相关的其他问题中,我应该查看app_root / .meteor / build / static /,但在我的应用程序中,我在build文件夹中没有任何静态文件夹
可能是什么问题呢?
建议您使用 ./public 目录来提供静态资产 .
./public
给定以下目录结构:
- server - client - public - css - bootstrap.css - images - js
您可以通过从链接文档中删除“公共”来提供静态资产 .
<link href='/css/bootstrap.css'>
/ public中的文件按原样提供给客户端 . 使用此选项可存储图像等资源 . 例如,如果您的图像位于/public/background.png,则可以使用background-image:url(/background.png)将其包含在HTML中或CSS中 . 请注意/ public不是图像URL的一部分 .
Official Meteor Docs - File Structure
它不是't working for me either until I stumbled upon the reason. If you are serving a page that is on the root (' /'),只要 myImage.jpg 位于 public 目录中,任何这样的图像都可以工作:
myImage.jpg
public
<img src="myImage.jpg"/>
只要您的页面位于根路径上,它就会起作用 . 但是,如果您正在提供像 /pages/HJ4HIW87JURE6JU8 这样的路线,如果您使用相同的图像标记,它将无法在 public 中找到该图像 . 为了使其工作,您需要将 / 添加到图像标记以告诉它从根开始:
/pages/HJ4HIW87JURE6JU8
/
<img src="/myImage.jpg"/>
使用根斜杠,您可以从路径结构中的任何位置提供公共图像 .
2 回答
建议您使用
./public
目录来提供静态资产 .给定以下目录结构:
您可以通过从链接文档中删除“公共”来提供静态资产 .
<link href='/css/bootstrap.css'>
Official Meteor Docs - File Structure
它不是't working for me either until I stumbled upon the reason. If you are serving a page that is on the root (' /'),只要
myImage.jpg
位于public
目录中,任何这样的图像都可以工作:只要您的页面位于根路径上,它就会起作用 . 但是,如果您正在提供像
/pages/HJ4HIW87JURE6JU8
这样的路线,如果您使用相同的图像标记,它将无法在public
中找到该图像 . 为了使其工作,您需要将/
添加到图像标记以告诉它从根开始:使用根斜杠,您可以从路径结构中的任何位置提供公共图像 .