Meteor多路由下静态文件路径异常，是否需重复部署public目录？

核心问题 #

你遇到的问题是jstree CSS中的图片路径用了相对路径，导致多级路由（如/a/b）下，浏览器会以当前路由路径为基准拼接图片地址（变成/a/jstree/32px.png），而正确的资源地址应该是根路径下的/jstree/32px.png（因为文件放在/public/jstree目录，Meteor会把public下的内容暴露在根路径）。

具体解决步骤 #

1. 修改jstree样式表中的图片路径为绝对路径
   找到jstree CSS里所有引用32px.png、40px.png、throbber.gif的地方，把相对路径改成以/开头的绝对路径：

   • 原写法示例：url('32px.png') 或 url('./jstree/32px.png')
   • 修改后：url('/jstree/32px.png')
     确保所有相关图片的引用都做这个修改，包括图标、加载动画等所有用到这些图片的CSS规则。

2. 不需要复制资源到每个路由目录
   Meteor的/public目录是全局资源目录，只要路径正确，所有路由下都能直接访问到这里的文件，完全没必要为每个路由复制资源，这会造成冗余和维护麻烦。

验证方法 #

修改完CSS后，刷新多级路由页面，打开浏览器开发者工具的「网络」面板，查看图片请求地址是否变成/jstree/32px.png这类根路径开头的地址，确认请求返回200即可。

内容的提问来源于stack exchange，提问作者Pierre