在我的流星应用程序中,我有一条嵌套路线
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>
但是此图像未加载到应用程序中。徽标链接为http:// localhost:3000 / assemble / images / holmes_logo.png
此链接正常工作http:// localhost:3000 / images / holmes_logo.png
因此,对于外部路由,将加载映像,但对于内部路由,则不会加载映像。
我正在使用此软件包进行面包屑monbro:iron-router-breadcrumb
您需要使用一个绝对URL来引用您的图像:
<img src="/images/holmes_logo.png">
注意路径开始处的斜线吗?
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句