Vueリソースの設定ルートが機能しません

Question

実際には、同じURLを何度も繰り返し入力しないように、デフォルトのURLを設定することはできません。ここに私のmain.jsです：

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 => h(App) 
}) 

はその後、私のコンポーネントで私はこのようなメソッドを書く：

getData: function() { 
       alert('masuk sini'); 
       this.$http.get('/api/datageneration/environment') 
        .then((response) => { 
         return response.json(); 
        }).then((data) => { 
        console.log(data); 
        this.lists = data.content; 
       }); 
      } 

私はいつも、私はメソッドを呼び出すときにコマンドnpm run devが、なぜを使用して、ポート8082上でそれを実行しますポート8082を目指す？私はすでにポート8085のルートを設定しています。

Answer 1

configuration documentationためVUE-リソースの状態：rootオプションが機能するために、要求のパスが相対的でなければならないこと

注意。これはルートオプションを使用します：Vue.http.get('someUrl')これはしません：Vue.http.get('/someUrl')。

ので、APIへのお電話での主要な/を削除しよう：

this.$http.get('api/datageneration/environment')