web-dev-qa-db-ja.com

Vueリソースルートオプションは使用されませんか？

Main.jsファイルのVue-Resourceでルートオプションを指定していますが、リクエストを実行すると、ルートオプションが使用されません。何が欠けていますか？

これがコードです：

main.js：

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

コンポーネント内：

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

何が悪いのですか？

Vue.js v1.0.15とVue-Resource v0.6.1を使用しています

ご協力ありがとうございました。

vue.jsvue-resource
25
Cyril N.

おお、これはトリッキーです！

Rootを考慮に入れるには、URLから最初の_/_を削除する必要があります。

this.$http.get('/members/')なるthis.$http.get('members/')

また、ルートの最後の_/_を削除する必要があります。

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

なる

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

そして、それでうまくいきます！

58
Cyril N.