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');
    }
  });

布局控制器在顶部加载一个logobar。

布局模板

<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>

logobar模板有一个徽标图片。

<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>

但是这个图像没有在应用程序中加载。徽标链接显示为http://localhost:3000/assemble/images/holmes_logo.png

此链接正常运行 http://localhost:3000/images/holmes_logo.png

因此对于外部路线，图像正在加载，但不是内部路线。

我正在使用这个包用于面包屑 monbro：iron-router-breadcrumb

Answer 1

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

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

注意路径开头的斜线？

流星铁路由器：在内部路由中加载公共资源

1 个答案: