Meteor Iron Router : 正在内部路由中加载 public 资源

Question

在我的流星应用程序中我有一个嵌套路线

  this.route('assemble', { 
    path: '/assemble',
    title: 'Assemble',
    parent: 'home',
    controller: 'MainLayoutController'
  });  

  this.route('bottypelist', { 
    path: '/assemble/bottypelist',
    title: 'BotType - List',
    parent: 'assemble',
    controller: 'MainLayoutController',
    waitOn: function(){
      return Meteor.subscribe('myBotTypes');
    }
  });

布局控制器在顶部加载徽标栏。布局模板是

<template name="mainLayout">

    <div class="logobar"  style="background-color:#FFF">
        {{> logobar}}
    </div>

    <div class="top">
        {{> yield region="header"}}
    </div>

    <div class="">
        {{> yield}}
    </div>

    <div class="bottom">
        {{> yield region="footer"}}
    </div>

</template>

徽标栏模板有徽标图像。

<template name="logobar">

<div style="width:100%; min-width:100%; background-color:black; position:fixed; z-index:1029;">
    <div class="container-fluid">
        <div class="row" style="padding-right:0px; margin-right:0px">

            <div class="com-md-4">
                <a href="{{pathFor 'home'}}"> <img src="images/holmes_logo.png" width="280px" height="70px"></a>
            </div>
        </div>
    </div>
</div>

</template>

但是应用程序中没有加载这张图片。徽标 link 将以 http://localhost:3000/assemble/images/holmes_logo.png

的形式出现

这个link工作正常 http://localhost:3000/images/holmes_logo.png

所以对于外部路线，图像正在加载但对于内部路线则没有。

我正在将这个包用于面包屑 monbro:iron-router-breadcrumb

Answer 1

您需要使用绝对 URL 来引用您的图片：

<img src="/images/holmes_logo.png">

注意到路径开头的斜线了吗？

Meteor Iron Router : 正在内部路由中加载 public 资源

Meteor Iron Router : Loading public resources in inner routes

meteor

iron-router