web-dev-qa-db-fra.com

Vue Options de racine de ressource non utilisées?

Je spécifie une option racine dans ma Vue-Resource dans mon fichier main.js, mais quand je fais la demande, elle n'utilise pas les options racine. Qu'est-ce que je rate ?

Voici le code:

main.js:

Vue.http.options.root = 'http://api.domain.com/v1/'

Dans un composant:

ready: function () {
    console.log(this.$http.options.root) // Correctly show 'http://api.domain.com/v1/'

    this.$http.get('/members/', null, { // FAILS because it tries to load /members/ in the current domain
        headers: {'auth-token': 'abcde'}
    }).then(function (xhr) {
        // process ...
    })
}

Qu'est-ce que je fais mal ?

J'utilise Vue.js v1.0.15 et Vue-Resource v0.6.1

Merci de votre aide.

vue.jsvue-resource
25
Cyril N.

Ohoh c'est délicat!

Pour que root soit pris en compte, vous devez supprimer le / Initial de l'url:

this.$http.get('/members/')devientthis.$http.get('members/')

De plus, vous devez supprimer le dernier / À la racine:

Vue.http.options.root = 'http://api.domain.com/v1/'

devient

Vue.http.options.root = 'http://api.domain.com/v1'

Et avec ça, ça marchera!

58
Cyril N.