エラー404 AngetJSを使用した場合の画像

Question

AngularJSを使用して個人用Webサイトをプログラミングしています（トレーニング用）。

HTML：：

<carousel interval="interval" no-wrap="false"> 
     <slide ng-repeat="slide in slides" active="slide.active"> 
      <img class="img-responsive" ng-src="{{slide.image}}"> 

      <div class="carousel-caption"> 
       <h4>{{slide.text}}</h4> 
      </div> 
     </slide> 
    </carousel> 

AngularJS：私はこのようなUI-Bootstrapからカルーセルを使用

angular.module('myWebSiteApp') 
.controller('HikingCtrl', function ($scope) { 
    $scope.interval = 4000; 
    $scope.slides = [{ 
     image: '/images/background/bg15.jpg', 
     text: 'Chiemsee Lake - Baviera' 
    }, { 
     image: '/images/background/bg13.jpg', 
     text: 'Plansee Lake - Austria' 
    },{ 
     image: '/images/background/bg8.jpg', 
     text: 'Sentier des Roches' 
    },{ 
     image: '/images/background/bg10.jpg', 
     text: 'Hochplatte - Baviera' 
    }]; 
}); 

私は地元でこのコードをテストする場合、それは動作しますが、ときに私は、サーバーそれにウェブサイトをアップロードしますうまくいきません... エラーが発生しました404：

また、画像JSなしではなく、CSSで動作します。

EDIT：

は、あなたの答えのために事前にありがとうございます。

Ysee

Answer 1

アプリケーションのビルドプロセスを修正する必要があります。明らかに、bg15.jpgがbg15.284af477.jpgになったため、イメージが改訂されました。しかし、のステップを、のように置き換えると、アプリケーションコードの元の画像ファイルと改訂された画像ファイルが欠落しています。

gulpを使用していて、画像の改訂がgulp-revで行われているとします。リビジョンアセットの書き換えを書き換える場合は、gulp-rev-replaceを参照してください。