Vue-resource with browserify

Question

vue-resourceをbrowserifyで使用しようとしています。しかし、私はいつも次のエラーが発生します。 Cannot read property 'get' of undefined。私はウェブ上で検索しようとしましたが、解決策は機能していません。

var Vue = require('vue'); 
Vue.use(require('vue-resource')); 

import UploadImage from './components/UploadImage.vue' 

new Vue({ 
    el: '#app', 

    components: { UploadImage }, 

    ready() { 
     console.log('Vue is ready.'); 
     this.$http.get('/api', function(data){ 
      console.log(data); 
     }); 
    } 
}); 

NPMインストールし使用することによりvueとvue-resourceをIをインストールします。

package.json

{ 
    "private": true, 
    "devDependencies": { 
    "clipboard-js": "^0.1.0", 
    "gulp": "^3.8.8", 
    "gulp-batch-replace": "0.0.0", 
    "gulp-phpunit": "^0.14.0", 
    "laravel-elixir-vueify": "^1.0.3", 
    "vue": "^1.0.24", 
    "laravel-elixir-browserify": "^0.8.1", 
    "vue-resource": "^0.7.0", 
    "vueify": "^8.4.1" 
    }, 
    "dependencies": { 
    "babel-runtime": "^6.0.0", 
    "bootstrap-sass": "^3.0.0", 
    "laravel-elixir": "^5.0.0" 
    } 
} 

Answer 1

これを試してみてください：ここで

ready() { 
    Vue.http.get('/api').then((response) => { 
     console.log(response.data); 
    }); 
} 

Answer 2

私の提案です：

1：WebPACKのbrowserify置き換える使用。

2：axiosを使用すると、vue-resourceを置き換えます。