AngularJs HTML5模式無法加載圖像

我正在使用AngularJs在ASP MVC框架之上創建一個SPA。直到我啓用HTML5模式才能生成更好的URL時，我的所有工作都非常棒。現在圖像沒有被加載。AngularJs HTML5模式無法加載圖像

似乎對我/ Images文件夾的任何請求都沒有將它傳送到服務器。我已經使用Fidler檢查流量，並可以看到部分的所有請求，但沒有任何圖像。

這裏是我的AngularJs路線

$stateProvider. 
     state({ 
      name: 'home', 
      url: '/', 
      templateUrl: '/app/public/partials/index.html' 
     }). 
     state({ 
      name: 'infoprivacy', 
      url: '/info/privacy', 
      templateUrl: '/app/public/partials/info/privacy.html' 
     }). 
     state({ 
      name: 'infocookie', 
      url: '/info/cookie', 
      templateUrl: '/app/public/partials/info/cookie.html' 
     }). 
     state({ 
      name: 'infoterms', 
      url: '/info/terms', 
      templateUrl: '/app/public/partials/info/terms.html' 
     }). 
     state({ 
      name: 'groups', 
      url: '/groups', 
      templateUrl: '/app/public/partials/groups/index.html' 
     }). 
     state({ 
      name: 'groupsview', 
      url: '/groups/view/:id', 
      templateUrl: '/app/public/partials/groups/view.html' 
     }). 
     state({ 
      name: 'jobs', 
      url: '/jobs', 
      templateUrl: '/app/public/partials/jobs/index.html', 
      controllr: 'JobsCtrl' 
     }). 
     state({ 
      name: 'jobsview', 
      url: '/jobs/view/:id', 
      templateUrl: '/app/public/partials/jobs/view.html' 
     }). 
     state({ 
      name: 'jobsnotfound', 
      url: '/jobs/notfound', 
      templateUrl: '/app/public/partials/jobs/notfound.html' 
     }). 
     state({ 
      name: 'login', 
      url: '/login', 
      templateUrl: '/app/public/partials/login.html' 
     }). 
     state({ 
      name: 'error', 
      url: '/error/:errorRef', 
      templateUrl: '/app/public/partials/error.html' 
     }). 
     state({ 
      name: 'cvs', 
      url: '/cvs', 
      templateUrl: '/app/public/partials/cvs/index.html' 
     }). 
     state({ 
      name: 'cvsedit', 
      url: '/cvs/edit/:id', 
      templateUrl: '/app/public/partials/cvs/edit.html' 
     }). 
     state({ 
      name: 'cvsedit.withdlg', 
      url: '/:dlg', 
      templateUrl: '/app/public/partials/cvs/edit.html' 
     }). 
     state({ 
      name: 'profile', 
      url: '/profile', 
      templateUrl: '/app/public/partials/profile/index.html' 
     }); 

    $urlRouterProvider.when('', '/'); 

    $locationProvider.html5Mode(true).hashPrefix('!');

這是不加載

#menu .item.navProfile { 
    background: url(/Images/icon-nav-profile.png) right 20px no-repeat; 
}

，包括菜單中的HTML是使用加載背景圖像的CSS NG-包括

來源

2014-03-25 Mike Norgate

也許這個答案有幫助 - http://stackoverflow.com/a/6161057/2104976 – callmekatootie

問題是，圖像的請求似乎沒有被髮送到服務器。我猜AngularJs試圖路由它？ –

沒辦法。在Chrome瀏覽器上打開瀏覽器控制檯，看它是否能夠在網絡選項卡中選擇路由。或者查看控制檯是否有任何錯誤（可能是404）？ – callmekatootie

有一個名爲Batarang的Chrome開發工具插件，這將有助於調試Angular JS問題。

來源

2014-03-25 20:52:39

AngularJs HTML5模式無法加載圖像

回答

相關問題