ベースURL（Laravel 5.2）と一緒にVue JSのテーブル内に画像を表示

Question

画像を正しく表示できますが、コンソールにJavaScriptエラーが表示されます。ここに私のコードは次のとおりです。カテゴリをフェッチ

：

fetchCategory: function(){ 

      this.$http.get('get_category').then(function(response){ 
       this.$set('categories',response.json()); 
      }); 
     } 

、ここでは、カテゴリを表示するための表である：

<table class="table table-bordered table-responsive table-striped example1"> 
    <thead> 
     <tr> 
      <th>ID</th> 
      <th>Category Name</th> 
      <th>Icon</th> 
      <th>Action</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr v-for="category in categories"> 
      <td>@{{ category.id }}</td> 
      <td>@{{ category.name }}</td> 
      <td><img src="{{url('/')}}/@{{ category.icon }}" width="150px"></td> 
      <td>Edit | Delete</td> 
     </tr> 
    </tbody> 
</table> 

それが適切に画像を表示する、しかし、JavaScriptコンソールには、まだ2つの404エラーを示してい画像のURLを示す GET http://localhost/project/%7B%7B%20category.icon%20%7D%7D 404（見つからない）

私はこのエラーを無視していいですか？ イメージURLにベースURLを含める方法はありますか？

Answer 1

あなたはsrc属性バインドする必要があります。

<img :src="'{{ url('/') }}/' + category.icon" width="150px"> 

Answer 2

は次のように試してみてください：

<td>{!!HTML::image('path/category.icon')!!}</td>