2015-05-26 62 views
1

在我的流星應用 我有一個嵌套的路線流星鐵路由器:加載公共資源在內部路線

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:鐵路由器麪包屑

回答

0

您需要使用絕對URL來引用你的形象:

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

通知開頭的斜槓的路徑?

+0

謝謝。 !有效。 :) – kanadenipun