Display images inside table in Vue JS along with base url (Laravel 5.2)
<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>