title: Display images inside table in Vue JS along with base url (Laravel 5.2)
body: <p>Well, I am able to display the images properly but it is still giving me javascript errors in console for no reason. Here is my code:</p>
  
  <p>Fetching categories:</p>
  
  <pre><code>fetchCategory: function(){
  
              this.$http.get('get_category').then(function(response){
                  this.$set('categories',response.json());
              });
          }
  </code></pre>
  
  <p>and here is the table to display the category:</p>
  
  <pre><code>&lt;table class="table table-bordered table-responsive table-striped example1"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;ID&lt;/th&gt;
              &lt;th&gt;Category Name&lt;/th&gt;
              &lt;th&gt;Icon&lt;/th&gt;
              &lt;th&gt;Action&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr v-for="category in categories"&gt;
              &lt;td&gt;@{{ category.id }}&lt;/td&gt;
              &lt;td&gt;@{{ category.name }}&lt;/td&gt;
              &lt;td&gt;&lt;img src="{{url('/')}}/@{{ category.icon }}" width="150px"&gt;&lt;/td&gt;
              &lt;td&gt;Edit | Delete&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>it displays the images properly, however javascript console still shows 2 404 errors indicating the url of the image 
  GET <a href="http://localhost/project/%7B%7B%20category.icon%20%7D%7D" rel="nofollow">http://localhost/project/%7B%7B%20category.icon%20%7D%7D</a> 404 (Not Found)</p>
  
  <p>Should I ignore this error?
  Or is there any other method to include base url in the image path?</p>