Vue Resource config root ne fonctionne pas

Question

En fait, je ne veux pas configurer l'URL par défaut, donc je ne saisis pas la même URL encore et encore. Voici mes 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) 
}) 

Puis dans mon composant I Write méthodes comme ceci:

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; 
       }); 
      } 

je le lance sur le port 8082 en utilisant la commande npm run dev mais pourquoi quand je l'appelle les méthodes, il a toujours viser au port 8082? J'ai déjà mis en place la racine pour le port 8085 où mon back-end en cours d'exécution.

Answer 1

Les configuration documentation pour les États-ressources: vue

Notez que pour l'option racine de travailler, le chemin de la demande doit être relative. Cela utilisera cette option de la racine: Vue.http.get('someUrl') alors que ce ne sera pas: Vue.http.get('/someUrl').

, essayez d'enlever le premier / dans votre appel à l'api:

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