Ember.js 嵌套管线模板中损坏的余烬资源

Ember.js 嵌套管线模板中损坏的余烬资源,ember.js,Ember.js,我在现有管线下创建了嵌套管线 Router.map(function(){ this.route('parentRoute', function(){ this.route('childRoute'); }); }); 在嵌套之前,我将新嵌套的路由作为现在的父路由的同级。当时,我能够使用常规方法加载资产 <img src="assets/images/profile/pic.svg" alt="" /> 但是在创建嵌套路由之后,将上面的内容放入嵌套路由的模板中会给我

我在现有管线下创建了嵌套管线

Router.map(function(){
 this.route('parentRoute', function(){
    this.route('childRoute');
  });
});
在嵌套之前,我将新嵌套的路由作为现在的父路由的同级。当时,我能够使用常规方法加载资产

<img src="assets/images/profile/pic.svg" alt="" />
但是在创建嵌套路由之后,将上面的内容放入嵌套路由的模板中会给我一个400文件未找到错误


有什么建议吗?

放在资产前面:

<img src="/assets/images/profile/pic.svg" alt="" />
为什么:

若src或href属性中的url以斜杠开头,浏览器将其解释为站点根。如果否,浏览器将其解释为来自当前路径。因此,如果当前URL为www.site.com/route-one/route-two,assets/images/profile/pic.svg将变为/route-one/route-two/assets/images/profile/pic.svg。请看一看,以获得更好的解释和示例


UPD:如果您使用的是2.x,那么最好使用{{rootURL}}而不是/,尽管您的应用程序的URL是否是站点的根目录并不重要

<img src="/assets/images/profile/pic.svg" alt="" />
为什么:

若src或href属性中的url以斜杠开头,浏览器将其解释为站点根。如果否,浏览器将其解释为来自当前路径。因此,如果当前URL为www.site.com/route-one/route-two,assets/images/profile/pic.svg将变为/route-one/route-two/assets/images/profile/pic.svg。请看一看,以获得更好的解释和示例

UPD:如果您使用的是2.x,那么最好使用{{rootURL}}而不是/,尽管应用程序的URL是否是站点的根并不重要