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

kanadenipun

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

  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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章