vue.js - style - vue router

¿Opciones de raíz de recursos de Vue no utilizadas?

Question

Especifico las opciones de raíz en mi Vue-Resource en mi archivo main.js, pero cuando hago la solicitud, no usa las opciones de raíz. Qué me estoy perdiendo ?

Aquí está el código:

main.js:

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

En un componente:

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é estoy haciendo mal ?

Estoy usando Vue.js v1.0.15 y Vue-Resource v0.6.1

Gracias por tu ayuda.

Answer 1

Ohoh esto es complicado!

Para que se tenga en cuenta la raíz, debe eliminar la inicial / de la URL:

this.$http.get(''/members/'') convierte en this.$http.get(''members/'')

Además, necesitas eliminar el último / en la raíz:

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

se convierte en

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

Y con eso, funcionará!