title: Vue Resource config root does not working
body: <p>Actually I wan't to set up the default url so I am not typing the same url again and again. Here is my main.js :</p>
  
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  import VueResource from 'vue-resource'
  
  Vue.use(VueResource)
  Vue.http.options.root = 'http://localhost:8085'
  
  
  
  new Vue({
    el: '#app',
    render: h =&gt; h(App)
  })
  </code></pre>
  
  <p>Then in my component I Write methods like this :</p>
  
  <pre><code> getData: function () {
                  alert('masuk sini');
                  this.$http.get('/api/datageneration/environment')
                      .then((response) =&gt; {
                          return response.json();
                      }).then((data) =&gt; {
                      console.log(data);
                      this.lists = data.content;
                  });
              }
  </code></pre>
  
  <p>I run it on port 8082 using command <code>npm run dev</code> but why when I call the methods, it always aim to port 8082? I already set up the root for port 8085 where my back end running.</p>